refactor(cesium): 重构 Cesium Viewer 状态管理和 Composable

src/components/h-cesium-viewer/useHCesiumManager.卫星.ts

@@ -2,6 +2,7 @@ import type { MaybeRefOrGetter } from 'vue';
 
 import type { HCesiumManager } from './managers/HCesiumManager';
 import type { I卫星 } from './managers/HCesiumManager.types';
+import type { HCesiumManagerSatelliteState } from './useHCesiumManager.types'; // 导入状态类型
 
 import { SatelliteCalculator } from './calculators/SatelliteCalculator'; // 导入计算器
 import { HCesiumSatelliteManager } from './managers/HCesiumManager.卫星'; // 导入 Satellite Manager
@@ -11,8 +12,7 @@ import { HCesiumSatelliteManager } from './managers/HCesiumManager.卫星'; //
  */
 export function useHCesiumManagerSatellite(
   hCesiumViewerManager: MaybeRefOrGetter<HCesiumManager | null>,
-  satelliteList: MaybeRefOrGetter<Array<I卫星> | undefined>,
-  selectedSatelliteIds: MaybeRefOrGetter<Set<string> | undefined>,
+  state: MaybeRefOrGetter<HCesiumManagerSatelliteState | undefined>, // 接收整个状态对象
 ) {
   // SatelliteManager 和 Calculator 实例引用
   const satelliteManager = ref<HCesiumSatelliteManager | null>(null);
@@ -22,60 +22,52 @@ export function useHCesiumManagerSatellite(
   // 创建一个从 ID 到卫星选项的映射，方便查找
   const satelliteMap = computed(() => {
     const map = new Map<string, I卫星>();
-    const list = toValue(satelliteList) ?? [];
+    const list = toValue(state)?.satellites ?? []; // 从状态对象获取列表
     for (const satellite of list) {
       map.set(satellite.id, satellite);
     }
     return map;
   });
 
-  // 使用 watch 显式监听依赖项
-  watch(
-    [hCesiumViewerManager, satelliteList, selectedSatelliteIds], // 监听这些源的变化
-    () => {
-      // 回调函数
-      const viewerManagerInstance = toValue(hCesiumViewerManager);
-      // 检查 Viewer Manager 和内部 Viewer 实例是否存在
-      if (!viewerManagerInstance || !viewerManagerInstance.getViewer()) {
-        // 如果 viewer manager 或 viewer 实例尚未初始化或已销毁，则清理旧 manager 并返回
-        satelliteManager.value?.destroy();
-        satelliteManager.value = null;
-        return;
+  // 使用 watchEffect 自动追踪依赖项
+  watchEffect(() => {
+    const viewerManagerInstance = toValue(hCesiumViewerManager);
+    if (!viewerManagerInstance || !viewerManagerInstance.getViewer()) {
+      satelliteManager.value?.destroy();
+      satelliteManager.value = null;
+      return;
+    }
+
+    if (!satelliteManager.value) {
+      // 创建 SatelliteManager 时传入 ViewerManager 和 Calculator
+      satelliteManager.value = new HCesiumSatelliteManager(viewerManagerInstance, satelliteCalculator);
+    }
+
+    const manager = satelliteManager.value; // 使用 manager 实例
+
+    const selectedIdsSet = toValue(state)?.selectedIds ?? new Set<string>(); // 从状态对象获取选中 ID
+    const currentEntityIds = new Set(manager.getCurrentSatelliteEntities().keys()); // 从 manager 获取当前实体 ID
+
+    // 1. 移除不再选中的卫星
+    for (const entityId of currentEntityIds) {
+      if (!selectedIdsSet.has(entityId)) {
+        manager.removeSatellite(entityId); // 使用 manager 的移除方法
       }
+    }
 
-      // 确保 SatelliteManager 实例存在且与当前的 ViewerManager 关联
-      if (!satelliteManager.value) {
-        // 创建 SatelliteManager 时传入 ViewerManager 和 Calculator
-        satelliteManager.value = new HCesiumSatelliteManager(viewerManagerInstance, satelliteCalculator);
-      }
-
-      const manager = satelliteManager.value; // 使用 manager 实例
-
-      const selectedIdsSet = toValue(selectedSatelliteIds) ?? new Set<string>(); // 直接获取 Set，如果为 undefined 则创建空 Set
-      const currentEntityIds = new Set(manager.getCurrentSatelliteEntities().keys()); // 从 manager 获取当前实体 ID
-
-      // 1. 移除不再选中的卫星
-      for (const entityId of currentEntityIds) {
-        if (!selectedIdsSet.has(entityId)) {
-          manager.removeSatellite(entityId); // 使用 manager 的移除方法
+    // 2. 添加新增的选中卫星
+    for (const selectedId of selectedIdsSet) {
+      if (!currentEntityIds.has(selectedId)) {
+        const satelliteToAdd = satelliteMap.value.get(selectedId);
+        if (satelliteToAdd) {
+          manager.addOrUpdateSatellite(satelliteToAdd); // 使用 manager 的添加/更新方法
+        } else {
+          // 如果在 satelliteList 中找不到对应的卫星信息，发出警告
+          console.warn(`无法找到 ID 为 "${selectedId}" 的卫星信息，无法添加到地图。`);
         }
       }
-
-      // 2. 添加新增的选中卫星
-      for (const selectedId of selectedIdsSet) {
-        if (!currentEntityIds.has(selectedId)) {
-          const satelliteToAdd = satelliteMap.value.get(selectedId);
-          if (satelliteToAdd) {
-            manager.addOrUpdateSatellite(satelliteToAdd); // 使用 manager 的添加/更新方法
-          } else {
-            // 如果在 satelliteList 中找不到对应的卫星信息，发出警告
-            console.warn(`无法找到 ID 为 "${selectedId}" 的卫星信息，无法添加到地图。`);
-          }
-        }
-      }
-    },
-    { immediate: true, deep: false }, // 立即执行一次，非深度监听
-  ); // watch 结束
+    }
+  }); // watchEffect 结束
 
   // 组件卸载时确保最终清理
   onBeforeUnmount(() => {