From 25b87669cef51d461a2b298544ace1f04cca3cc2 Mon Sep 17 00:00:00 2001
From: unanmed <1319491857@qq.com>
Date: Sat, 31 Dec 2022 22:45:32 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E6=8A=80=E8=83=BD=E6=A0=91ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugin/ui/fly.ts | 32 +++++++++++++++++++++++++++++---
 src/ui/skillTree.vue | 16 +++++++++++-----
 2 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/src/plugin/ui/fly.ts b/src/plugin/ui/fly.ts
index 6f13864..dc93956 100644
--- a/src/plugin/ui/fly.ts
+++ b/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()!;
+    }
+}
diff --git a/src/ui/skillTree.vue b/src/ui/skillTree.vue
index a037252..59c75e5 100644
--- a/src/ui/skillTree.vue
+++ b/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;
-        width: 40vh;
+        height: 35vh;
+        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>