From aacd168450865285c761c21410d274f3bffff788 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Thu, 3 Apr 2025 13:32:12 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=E5=9C=B0?=
 =?UTF-8?q?=E9=9D=A2=E7=AB=99=E5=92=8C=E5=8D=AB=E6=98=9F=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=EF=BC=8C=E4=BC=98=E5=8C=96=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E5=91=BD=E5=90=8D=E5=92=8C=E5=B1=9E=E6=80=A7=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 eslint.config.ts                              |  1 +
 .../h-cesium-viewer/h-cesium-viewer.vue       |  8 ++---
 .../useHCesiumManager.types.ts                |  6 ++--
 src/pages/cesium-viewer.page.vue              | 30 +++++++++----------
 4 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/eslint.config.ts b/eslint.config.ts
index e000695..a0e69dc 100644
--- a/eslint.config.ts
+++ b/eslint.config.ts
@@ -83,6 +83,7 @@ export default defineConfigWithVueTs(
   {
     rules: {
       'perfectionist/sort-classes': 'off',
+      "perfectionist/sort-interfaces": 'off',
       'perfectionist/sort-objects': 'off',
       'perfectionist/sort-imports': ['error'],
       'perfectionist/sort-modules':'off'
diff --git a/src/components/h-cesium-viewer/h-cesium-viewer.vue b/src/components/h-cesium-viewer/h-cesium-viewer.vue
index 765a9ed..064f008 100644
--- a/src/components/h-cesium-viewer/h-cesium-viewer.vue
+++ b/src/components/h-cesium-viewer/h-cesium-viewer.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { GroundStationState, SatelliteState } from './useHCesiumManager.types';
+import type { HCesiumManagerStationState, HCesiumManagerSatelliteState } from './useHCesiumManager.types';
 
 import { useHCesiumManager } from './useHCesiumManager';
 import { useHCesiumManagerSatellite } from './useHCesiumManager.卫星';
@@ -8,8 +8,8 @@ import { useHCesiumManagerStation } from './useHCesiumManager.站点';
 import 'cesium/Build/Cesium/Widgets/widgets.css';
 
 const props = defineProps<{
-  groundStationState?: GroundStationState;
-  satelliteState?: SatelliteState;
+  groundStationState?: HCesiumManagerStationState;
+  satelliteState?: HCesiumManagerSatelliteState;
 }>();
 
 // 1. 管理 Cesium Viewer 实例生命周期
@@ -19,7 +19,7 @@ const { hCesiumViewerManager } = useHCesiumManager('cesium-container'); // 获
 // 将实例的 getter 和 props 的 getter 传递给组合函数
 useHCesiumManagerStation(
   () => hCesiumViewerManager, // 传递 Manager 实例的 getter
-  () => props.groundStationState?.groundStations, // 从新的 prop 中获取列表
+  () => props.groundStationState?.stations, // 从新的 prop 中获取列表
   () => props.groundStationState?.selectedIds, // 从新的 prop 中获取选中 ID
 );
 
diff --git a/src/components/h-cesium-viewer/useHCesiumManager.types.ts b/src/components/h-cesium-viewer/useHCesiumManager.types.ts
index 3a1a3ff..33d3147 100644
--- a/src/components/h-cesium-viewer/useHCesiumManager.types.ts
+++ b/src/components/h-cesium-viewer/useHCesiumManager.types.ts
@@ -4,9 +4,9 @@ import type { I卫星, I站点 } from './managers/HCesiumManager.types'; // 从
  * 地面站状态接口
  * 包含地面站列表和当前选中的地面站 ID 列表
  */
-export interface GroundStationState {
+export interface HCesiumManagerStationState {
   /** 地面站配置数组 */
-  groundStations: I站点[];
+  stations: I站点[];
   /** 选中的地面站 ID 集合 */
   selectedIds: Set<string>;
 }
@@ -15,7 +15,7 @@ export interface GroundStationState {
  * 卫星状态接口
  * 包含卫星列表和当前选中的卫星 ID 列表
  */
-export interface SatelliteState {
+export interface HCesiumManagerSatelliteState {
   /** 卫星配置数组 */
   satellites: I卫星[];
   /** 选中的卫星 ID 集合 */
diff --git a/src/pages/cesium-viewer.page.vue b/src/pages/cesium-viewer.page.vue
index 069f2f6..510bde1 100644
--- a/src/pages/cesium-viewer.page.vue
+++ b/src/pages/cesium-viewer.page.vue
@@ -4,21 +4,21 @@ meta:
 </route>
 
 <script setup lang="ts">
-import type { GroundStationState, SatelliteState } from '@/components/h-cesium-viewer/useHCesiumManager.types';
+import type { HCesiumManagerSatelliteState, HCesiumManagerStationState } from '@/components/h-cesium-viewer/useHCesiumManager.types';
 
 // 地面站和选中状态
-const groundStationState = reactive<GroundStationState>({
-  groundStations: [],
+const groundStationState = reactive<HCesiumManagerStationState>({
+  stations: [],
   selectedIds: new Set<string>(),
 });
-groundStationState.groundStations = [
+groundStationState.stations = [
   { height: 50, id: 'gs-bj', latitude: 39.9042, longitude: 116.4074, name: '北京站' },
   { height: 10, id: 'gs-sh', latitude: 31.2304, longitude: 121.4737, name: '上海站' },
   { height: 20, id: 'gs-gz', latitude: 23.1291, longitude: 113.2644, name: '广州站' },
 ];
 
 // >>>>>>>>> 卫星状态管理 >>>>>>>>>
-const satelliteState = reactive<SatelliteState>({
+const satelliteState = reactive<HCesiumManagerSatelliteState>({
   satellites: [],
   selectedIds: new Set<string>(),
 });
@@ -63,7 +63,7 @@ const selectedSatelliteIdsArray = computed({
 
 // 计算 Checkbox Group 的 options
 const stationCheckboxOptions = computed(() =>
-  groundStationState.groundStations.map((station) => ({ label: station.name, value: station.id })),
+  groundStationState.stations.map((station) => ({ label: station.name, value: station.id })),
 );
 
 // 添加一个随机站点
@@ -72,7 +72,7 @@ const addRandomStation = () => {
   const randomLon = Math.random() * 360 - 180; // -180 to 180
   const randomLat = Math.random() * 180 - 90; // -90 to 90
   const randomHeight = Math.random() * 1000; // 0 to 1000 meters
-  groundStationState.groundStations.push({
+  groundStationState.stations.push({
     height: randomHeight,
     id: randomId,
     latitude: randomLat,
@@ -81,13 +81,13 @@ const addRandomStation = () => {
   });
   // 创建新的 Set 以触发响应式更新
   groundStationState.selectedIds = new Set([randomId, ...groundStationState.selectedIds]); // ESLint: 调整顺序
-  consola.info('添加随机站点:', groundStationState.groundStations.at(-1)); // 使用 .at() 访问最后一个元素
+  consola.info('添加随机站点:', groundStationState.stations.at(-1)); // 使用 .at() 访问最后一个元素
 };
 
 // 移除最后一个站点
 const removeLastStation = () => {
-  if (groundStationState.groundStations.length > 0) {
-    const removedStation = groundStationState.groundStations.pop();
+  if (groundStationState.stations.length > 0) {
+    const removedStation = groundStationState.stations.pop();
     if (removedStation) {
       consola.info('移除站点:', removedStation);
       // 同时从选中项中移除
@@ -101,7 +101,7 @@ const removeLastStation = () => {
 
 // 清空所有选中项
 const clearAllStations = () => {
-  groundStationState.groundStations = [];
+  groundStationState.stations = [];
   groundStationState.selectedIds = new Set(); // 创建新的空 Set 以触发响应式更新
   consola.info('清空所有站点');
 };
@@ -122,21 +122,21 @@ const selectedStationIdsArray = computed({
       <a-card title="地面站控制" size="small">
         <div class="space-x-2">
           <a-button size="small" type="primary" @click="addRandomStation">添加随机站点</a-button>
-          <a-button size="small" @click="removeLastStation" :disabled="groundStationState.groundStations.length === 0"
+          <a-button size="small" @click="removeLastStation" :disabled="groundStationState.stations.length === 0"
             >移除最后一个</a-button
           >
           <a-button
             size="small"
             danger
             @click="clearAllStations"
-            :disabled="groundStationState.groundStations.length === 0"
+            :disabled="groundStationState.stations.length === 0"
             >清空所有</a-button
           >
-          <span>当前站点数: {{ groundStationState.groundStations.length }}</span>
+          <span>当前站点数: {{ groundStationState.stations.length }}</span>
           <span> | 选中站点数: {{ groundStationState.selectedIds.size }}</span>
         </div>
         <!-- 站点选择 -->
-        <div mt-2 v-if="groundStationState.groundStations.length > 0">
+        <div mt-2 v-if="groundStationState.stations.length > 0">
           <span class="mr-2">选择要显示的站点:</span>
           <a-checkbox-group v-model:value="selectedStationIdsArray" :options="stationCheckboxOptions" />
         </div>