aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/src
AgeCommit message (Collapse)AuthorFilesLines
2026-09-06新增全局设置抽屉与亮暗主题切换shu4-1/+92
- 在基础布局顶栏右侧添加网站设置按钮,桌面使用右侧抽屉,移动端使用全宽抽屉 - 提供亮色、暗色、跟随系统三种外观模式,默认跟随系统并通过 Mantine 自动保存选择 - 设置即时生效,切换系统主题时同步更新页面外观 - 使用查询参数管理抽屉状态,支持浏览器返回关闭和直接访问设置链接 - 使用 CSS Modules 配置触控间距及移动端安全区域 验证:构建、lint 和空白检查通过。 浏览器验证通过:主题切换、本地保存、刷新恢复、跟随系统、返回关闭、移动端宽度、Escape 关闭、焦点恢复与直接设置链接关闭。
2026-09-06新增 UI Kit 页面并展示 Mantine 常用组件交互shu3-1/+315
- 添加 /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 及移动端溢出检查;未发现运行时异常。
2026-09-06新增 Mantine 表单示例页面及输入校验演示shu3-1/+316
- 添加 /form 路由和表单示例菜单,通过路由懒加载拆分页面资源 - 展示文本、密码、数值、多行文本、单选、复选、开关、颜色和文件选择控件 - 使用 Cascader 展示省市区级联选择,支持搜索、清空和移动端路径列表 - 添加 MultiSelect 下拉多选与 TagsInput 自定义标签输入 - 接入 Mantine 表单状态、提交预览和重置,预览隐藏密码并仅显示文件元信息 - 添加必填标识、邮箱错误状态与提示,以及示例协议阅读和同意校验 - 将文件名换行样式封装为 CSS Module 验证:pnpm build、pnpm lint、git diff --check 均通过。
2026-09-06初始化 React TypeScript 模板并实现 Mantine 响应式基础布局shu13-0/+410
- 使用 Vite、React 和 TypeScript 初始化项目,配置 pnpm、Oxlint 与 Mantine PostCSS - 接入 React Router Data Mode,将页面路由、菜单标题和图标统一维护在路由配置中 - 添加首页、关于概览与关于我页面,使用 Nested NavLinks 根据路由生成多级菜单 - 实现桌面侧栏展开和图标模式、移动端全宽抽屉以及与品牌区对齐的顶栏 - 将布局自定义样式拆分为 CSS Modules,统一 xs 间距并固定菜单图标列位置 - 添加文档流页脚,展示自动更新年份的示例版权说明 - 配置 Mantine 默认圆角、项目说明及中文提交约定 验证:pnpm build、pnpm lint、git diff --cached --check 均通过。