web 项目模板 react + mantine + vite + react router https://git.shu.moe/template-react-mantine/atom?h=main 2026-09-06T11:41:09Z 2026-09-06T11:41:09Z shu nvcsadjkojf@outlook.com 2026-09-06T11:41:09Z urn:sha1:4c4215882e16992fdc054d364af2e3a0ef6f1a22 新增默认环境配置，通过 VITE_ROUTER_MODE 切换 Hash 与 History 路由，默认使用 Hash；通过 VITE_BASE_URL 配置资源基础路径，默认使用 /。 补充本地环境覆盖、构建方式及部署注意事项文档，保持 .env.local 不纳入版本控制。 桌面侧栏按钮改用 SidebarSimpleIcon，展开时填充、折叠时描边，保留无障碍状态描述。 验证：pnpm lint、pnpm build 和 git diff --check 通过。构建仍有现存的主包超过 500 kB 提示。 2026-09-06T11:13:10Z shu nvcsadjkojf@outlook.com 2026-09-06T11:13:10Z urn:sha1:61c1674e439dd791aee4fdc72e5738bbefed13e9 - 将首页、关于概览、关于我、表单和 UI Kit 页面改为 page- 前缀的小写横线文件名 - 同步重命名页面 CSS Modules，并更新组件样式引用 - 更新静态路由导入与懒加载路径，保持访问地址和页面行为不变 - 在代理约定中补充文件名称使用小写英文加横线的规范 验证：pnpm build、pnpm lint 和暂存区空白检查均通过。 2026-09-06T11:08:03Z shu nvcsadjkojf@outlook.com 2026-09-06T11:08:03Z urn:sha1:879872ac238682ceb01f2fc5c0a261fc10572bb6 - 使用 Mantine Container 包裹表单示例页面，设置 size="xl" - 设置 px={0}，复用基础布局已有的内边距，避免重复留白 - 保留小屏幕自适应宽度，并同步调整 JSX 缩进 验证：pnpm build、pnpm lint 和 git diff --check 均通过。 2026-09-06T10:59:52Z shu nvcsadjkojf@outlook.com 2026-09-06T10:59:36Z urn:sha1:f62ab62e72698c57b4775792a0986f12de950750 - 在基础布局顶栏右侧添加网站设置按钮，桌面使用右侧抽屉，移动端使用全宽抽屉 - 提供亮色、暗色、跟随系统三种外观模式，默认跟随系统并通过 Mantine 自动保存选择 - 设置即时生效，切换系统主题时同步更新页面外观 - 使用查询参数管理抽屉状态，支持浏览器返回关闭和直接访问设置链接 - 使用 CSS Modules 配置触控间距及移动端安全区域 验证：构建、lint 和空白检查通过。 浏览器验证通过：主题切换、本地保存、刷新恢复、跟随系统、返回关闭、移动端宽度、Escape 关闭、焦点恢复与直接设置链接关闭。 2026-09-06T09:52:06Z shu nvcsadjkojf@outlook.com 2026-09-06T09:52:06Z urn:sha1:a0df82a3e4b42334793a6c3d7139c9f24ee22e0d - 添加 /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-06T09:39:46Z shu nvcsadjkojf@outlook.com 2026-09-06T09:39:46Z urn:sha1:fb14fbe0a3ecc801f010a7a429e30ddc57d9f2e4 - 添加 /form 路由和表单示例菜单，通过路由懒加载拆分页面资源 - 展示文本、密码、数值、多行文本、单选、复选、开关、颜色和文件选择控件 - 使用 Cascader 展示省市区级联选择，支持搜索、清空和移动端路径列表 - 添加 MultiSelect 下拉多选与 TagsInput 自定义标签输入 - 接入 Mantine 表单状态、提交预览和重置，预览隐藏密码并仅显示文件元信息 - 添加必填标识、邮箱错误状态与提示，以及示例协议阅读和同意校验 - 将文件名换行样式封装为 CSS Module 验证：pnpm build、pnpm lint、git diff --check 均通过。 2026-09-06T09:04:49Z shu nvcsadjkojf@outlook.com 2026-09-06T09:04:49Z urn:sha1:2f1057a9d9d51d0e657c1203d3781173e8efc611 - 使用 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 均通过。