From a0df82a3e4b42334793a6c3d7139c9f24ee22e0d Mon Sep 17 00:00:00 2001
From: shu <nvcsadjkojf@outlook.com>
Date: Sun, 6 Sep 2026 17:52:06 +0800
Subject: 新增 UI Kit 页面并展示 Mantine 常用组件交互
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加 /ui-kit 懒加载路由与菜单入口，按类别组织组件示例
- 展示按钮、Alert、Tabs、Menubar、加载动画和加载遮罩
- 展示页面内 Notification 和独立通知容器，支持成功、错误提示与关闭
- 添加 Drawer、Dialog、Modal、Popover、Tooltip 的打开、关闭及操作示例
- 展示可收藏 Card、Badge、DataList 和 Timeline
- 添加示例数据表格及分页器，切换页码时更新实际展示记录
- 使用 CSS Modules 管理页面样式，适配移动端抽屉、弹层和表格滚动

验证：pnpm build、pnpm lint、git diff --check 均通过。
浏览器检查通过：标签切换、菜单操作、通知、收藏、分页、加载结束、弹层交互、键盘 Tooltip 及移动端溢出检查；未发现运行时异常。
---
 src/routes.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/routes.ts')

diff --git a/src/routes.ts b/src/routes.ts
index f0a0ef8..92eced8 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -1,4 +1,4 @@
-import { ClipboardTextIcon, HouseIcon, InfoIcon, UserIcon } from '@phosphor-icons/react'
+import { ClipboardTextIcon, HouseIcon, InfoIcon, SquaresFourIcon, UserIcon } from '@phosphor-icons/react'
 import type { Icon } from '@phosphor-icons/react'
 import type { RouteObject } from 'react-router'
 import App from './App.tsx'
@@ -23,6 +23,12 @@ export const pageRoutes = [
     lazy: async () => ({ Component: (await import('./FormExample.tsx')).default }),
     handle: { title: '表单示例', icon: ClipboardTextIcon },
   },
+  {
+    id: 'ui-kit',
+    path: '/ui-kit',
+    lazy: async () => ({ Component: (await import('./UiKit.tsx')).default }),
+    handle: { title: 'UI Kit', icon: SquaresFourIcon },
+  },
   {
     id: 'about',
     path: '/about',
-- 
cgit v1.2.3