完善技能树ui

src/plugin/ui/fly.ts

@@ -2,8 +2,34 @@ export default function init() {
     return { splitArea };
 }
 
-function splitArea() {}
+interface MapBFSResult {
+    maps: FloorIds[];
+    link: Record<
+        `${FloorIds}_${number}_${number}_${Dir}`,
+        `${FloorIds}_${number}_${number}`
+    >;
+}
 
-function getMapData(floorId: FloorIds) {}
+const bfsCache: Partial<Record<FloorIds, MapBFSResult>> = {};
 
-function bfs(floorId: FloorIds) {}
+export function splitArea() {}
+
+export function getMapData(floorId: FloorIds) {}
+
+export function getMapDrawData(floorId: FloorIds) {}
+
+/**
+ * 广度优先搜索地图信息
+ * @param floorId 中心楼层id
+ * @param noCache 是否不使用缓存
+ */
+function bfs(floorId: FloorIds, noCache: boolean = false) {
+    if (bfsCache[floorId] && !noCache) return bfsCache[floorId];
+
+    const queue = [floorId];
+    const used: Partial<Record<FloorIds, boolean>> = {};
+
+    while (queue.length > 0) {
+        const now = queue.shift()!;
+    }
+}

src/ui/skillTree.vue

@@ -30,6 +30,8 @@
                 id="divider-vertical"
             ></a-divider>
             <div id="skill-upgrade-info">
+                <span id="skill-level">当前等级：{{ level }}</span>
+                <a-divider dashed class="upgrade-divider"></a-divider>
                 <span
                     id="skill-consume"
                     :style="{ color: consume <= mdef ? '#fff' : '#f44' }"
@@ -370,8 +372,8 @@ function selectChapter(delta: number) {
     }
 
     #skill-canvas {
-        height: 40vh;
+        height: 35vh;
-        width: 40vh;
+        width: 35vh;
     }
 
     #front-scroll {
@@ -379,15 +381,19 @@ function selectChapter(delta: number) {
     }
 
     #skill-consume {
-        font-size: 2.4vh;
+        font-size: 2.2vh;
     }
 
     #front-scroll {
-        font-size: 2.4vh;
+        font-size: 2.2vh;
     }
 
     #skill-chapter {
-        font-size: 2.4vh;
+        font-size: 2.2vh;
+    }
+
+    #skill-level {
+        font-size: 2.2vh;
     }
 }
 </style>