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/UiKit.module.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 src/UiKit.module.css

(limited to 'src/UiKit.module.css')

diff --git a/src/UiKit.module.css b/src/UiKit.module.css
new file mode 100644
index 0000000..a0df9f0
--- /dev/null
+++ b/src/UiKit.module.css
@@ -0,0 +1,14 @@
+.section {
+  min-width: 0;
+}
+
+.loadingExample {
+  position: relative;
+  padding: var(--mantine-spacing-md);
+  border: 1px solid var(--mantine-color-default-border);
+  border-radius: var(--mantine-radius-default);
+}
+
+.dialog {
+  max-width: calc(100vw - 2 * var(--mantine-spacing-md));
+}
-- 
cgit v1.2.3