From 84e2b2cc905fe898957a126273352c27cf3b737c Mon Sep 17 00:00:00 2001
From: gene9831 <pacify.98@gmail.com>
Date: Fri, 14 Feb 2025 11:47:00 +0800
Subject: [PATCH] add bold style for route path

---
 .../canvas/route-bar/src/CanvasRouteBar.vue   | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/canvas/route-bar/src/CanvasRouteBar.vue b/packages/canvas/route-bar/src/CanvasRouteBar.vue
index f3fc91cb6..35b76b992 100644
--- a/packages/canvas/route-bar/src/CanvasRouteBar.vue
+++ b/packages/canvas/route-bar/src/CanvasRouteBar.vue
@@ -1,13 +1,13 @@
 <template>
   <div id="canvas-route-bar" :style="sizeStyle">
     <div class="address-bar">
-      <template v-for="route in routes" :key="route.id">
+      <template v-for="(route, index) in routes" :key="route.id">
         <span class="slash">/</span>
         <span
           :class="[
             {
               route: route.isPage && route.id !== pageId,
-              current: route.id === pageId && existsPreview,
+              bold: fontIsBold(route.id, index),
               'is-preview': route.isPreview
             }
           ]"
@@ -118,6 +118,19 @@ watch(
   { immediate: true }
 )
 
+const fontIsBold = (id, index) => {
+  if (existsPreview.value) {
+    return id === pageId.value
+  }
+
+  // 没有previewId时，routes长度大于1，最后一个route path显示高亮
+  if (routes.value.length > 1) {
+    return index === routes.value.length - 1
+  }
+
+  return false
+}
+
 /**
  * @param route {Route}
  */
@@ -167,7 +180,7 @@ const handleClearPreview = () => {
 .slash {
   margin: 0 2px;
 }
-.current {
+.bold {
   font-weight: bold;
 }
 .is-preview {