From d0d45c7f8824c6a371d84d4ae89e68c521ea9610 Mon Sep 17 00:00:00 2001
From: pikayang <pikayang@webank.com>
Date: Mon, 18 Dec 2023 14:34:21 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=8F=9C=E5=8D=95=E6=A0=8F=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=A0=B9=E6=8D=AE=E8=B7=AF=E5=BE=84=E5=8C=B9=E9=85=8D?=
 =?UTF-8?q?=E5=88=B0=E6=A0=B9=E8=8F=9C=E5=8D=95=E8=BF=9B=E8=A1=8C=E5=B1=95?=
 =?UTF-8?q?=E5=BC=80=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../HorizontalLayout/HorizontalLayout.vue           | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/traction-widget/components/HorizontalLayout/HorizontalLayout.vue b/packages/traction-widget/components/HorizontalLayout/HorizontalLayout.vue
index 5739627..48fe06f 100644
--- a/packages/traction-widget/components/HorizontalLayout/HorizontalLayout.vue
+++ b/packages/traction-widget/components/HorizontalLayout/HorizontalLayout.vue
@@ -11,6 +11,7 @@
                     :options="props.menus"
                     :collapsed="isSideBarCollapse"
                     @select="onMenuClick"
+                    :expandedKeys="expandedKeys"
                 ></FMenu>
             </div>
             <div class="collapse-btn" @click="toggleSideBar">
@@ -27,7 +28,7 @@
     </div>
 </template>
 <script setup lang="ts">
-import { defineProps, defineEmits, ref, computed, useSlots } from 'vue';
+import { defineProps, defineEmits, ref, computed, useSlots, watchEffect } from 'vue';
 import { FMenu } from '@fesjs/fes-design';
 import { RightOutlined, LeftOutlined } from '@fesjs/fes-design/icon';
 
@@ -80,6 +81,16 @@ const toggleSideBar = () => {
     isSideBarCollapse.value = !isSideBarCollapse.value;
 };
 
+const expandedKeys = ref<string[]>([]);
+watchEffect(() => {
+    if(curPath.value) {
+        // 如/train/workflow，匹配到根路径，展开/train菜单
+        const regex = /^\/\w+/;
+        const match = curPath.value.match(regex);
+        if (match) expandedKeys.value = [match[0]];
+    }
+})
+
 </script>
 
 <script lang="ts">