From 4874a23a616725c932053f7912f7cf861e785137 Mon Sep 17 00:00:00 2001
From: liuyun <liuyun@liuyuns-MacBook-Pro-M4.local>
Date: Wed, 14 Oct 2026 13:56:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(layout):=20=E5=B7=A6=E4=BE=A7=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E6=94=AF=E6=8C=81=E6=97=A0=E9=99=90=E7=BA=A7=EF=BC=88?=
 =?UTF-8?q?=E9=80=92=E5=BD=92=E8=8F=9C=E5=8D=95=E8=8A=82=E7=82=B9=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 ty-menu-node 自引用递归组件
- ty-sidebar 改递归渲染，不再限于两层

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 components.d.ts                 |  2 ++
 src/components/ty-menu-node.vue | 21 +++++++++++++++++++++
 src/components/ty-sidebar.vue   | 17 +----------------
 3 files changed, 24 insertions(+), 16 deletions(-)
 create mode 100644 src/components/ty-menu-node.vue

diff --git a/components.d.ts b/components.d.ts
index 71a433d..b792c67 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -60,6 +60,7 @@ declare module 'vue' {
     TyFooter: typeof import('./src/components/ty-footer.vue')['default']
     TyForm: typeof import('./src/components/ty-form.vue')['default']
     TyHeader: typeof import('./src/components/ty-header.vue')['default']
+    TyMenuNode: typeof import('./src/components/ty-menu-node.vue')['default']
     TyMixbar: typeof import('./src/components/ty-mixbar.vue')['default']
     TyNotice: typeof import('./src/components/ty-notice.vue')['default']
     TySearchForm: typeof import('./src/components/ty-search-form.vue')['default']
@@ -125,6 +126,7 @@ declare global {
   const TyFooter: typeof import('./src/components/ty-footer.vue')['default']
   const TyForm: typeof import('./src/components/ty-form.vue')['default']
   const TyHeader: typeof import('./src/components/ty-header.vue')['default']
+  const TyMenuNode: typeof import('./src/components/ty-menu-node.vue')['default']
   const TyMixbar: typeof import('./src/components/ty-mixbar.vue')['default']
   const TyNotice: typeof import('./src/components/ty-notice.vue')['default']
   const TySearchForm: typeof import('./src/components/ty-search-form.vue')['default']
diff --git a/src/components/ty-menu-node.vue b/src/components/ty-menu-node.vue
new file mode 100644
index 0000000..93d3c80
--- /dev/null
+++ b/src/components/ty-menu-node.vue
@@ -0,0 +1,21 @@
+<template>
+  <el-sub-menu v-if="node.children?.length" :index="node.code">
+    <template #title>
+      <icon type="iconify" :icon="node.icon ?? 'mdi:menu'" />
+      <span>{{ node.name }}</span>
+    </template>
+    <TyMenuNode v-for="child in node.children" :key="child.code" :node="child" />
+  </el-sub-menu>
+  <el-menu-item v-else :index="node.path ?? node.code">
+    <icon type="iconify" :icon="node.icon ?? 'mdi:menu'" />
+    <span>{{ node.name }}</span>
+  </el-menu-item>
+</template>
+
+<script setup lang="ts">
+import type { ResourceNode } from '@/types/resource'
+
+defineOptions({ name: 'TyMenuNode' })
+
+defineProps<{ node: ResourceNode }>()
+</script>
diff --git a/src/components/ty-sidebar.vue b/src/components/ty-sidebar.vue
index 120e3b3..0fde2bd 100644
--- a/src/components/ty-sidebar.vue
+++ b/src/components/ty-sidebar.vue
@@ -9,22 +9,7 @@
         popper-class="ty-menu-popper"
         @select="onSelect"
       >
-        <template v-for="item in menus" :key="item.code">
-          <el-sub-menu v-if="item.children?.length" :index="item.code">
-            <template #title>
-              <icon type="iconify" :icon="item.icon ?? 'mdi:menu'" />
-              <span>{{ item.name }}</span>
-            </template>
-            <el-menu-item v-for="child in item.children" :key="child.code" :index="child.path ?? child.code">
-              <icon v-if="child.icon" type="iconify" :icon="child.icon" />
-              <span>{{ child.name }}</span>
-            </el-menu-item>
-          </el-sub-menu>
-          <el-menu-item v-else :index="item.path ?? item.code">
-            <icon type="iconify" :icon="item.icon ?? 'mdi:menu'" />
-            <span>{{ item.name }}</span>
-          </el-menu-item>
-        </template>
+        <ty-menu-node v-for="item in menus" :key="item.code" :node="item" />
       </el-menu>
     </el-scrollbar>
   </aside>