🧩 项目准备

1. 在 Git 仓库中创建一个名为 FileRead 的项目库；
2. 使用 Vue 3 创建一个名为 FileRead 的 Tauri 桌面应用项目；
3. UI 框架可选用 element-plus；
4. 开发过程中需查阅 Tauri 2 官方文档 进行相关功能实现。

---

🛠️ 项目功能要求

1. 文件读取功能

• 实现“读取文件”按钮，点击后打开系统的文件选择框；
• 只能选择 .txt 文件，需进行格式筛选；
• 使用 Tauri 的 fs 模块读取文件的真实路径与内容（注意：浏览器的 <input type="file"> 无法获取真实路径）；
• 将文件内容读取并展示在页面右侧；

---

2. 文件记录列表

• 用户打开过的文件应记录在列表中，方便后续再次打开；
• 文件记录列表应显示在页面左侧；
• 对每个文件记录，需实现如下操作：
  1. 从列表中移除记录（不删除本地文件）；
  2. 删除本地文件（并同时从列表中移除记录）；
  3. 重命名本地文件（同时更新记录列表中的名称）；
     • 触发方式可以通过右键菜单中的“重命名”项；
     • 弹出输入框，输入新文件名（需保留 .txt 后缀）；
     • 命名非法或重复时应提示错误信息；
     • 重命名成功后应有提示信息；
  4. 删除和重命名操作需通过右键菜单触发；
  5. 删除操作需弹出二次确认提示框；
  6. 所有操作完成后应弹出成功提示消息（如 Toast）；

---

3. 新建 .txt 文件功能

• 用户可输入文件名，在系统默认下载目录（Downloads）中创建新 .txt 文件；
• 创建成功后，该文件应自动添加到文件记录列表中；
• 若输入文件名为空或不合法，应提示用户并禁止创建；

---

4. 自定义窗体功能

• 自定义窗口标题栏；
• 在标题栏中实现以下功能按钮：
  • “窗口置顶/取消置顶”；
  • “切换白天/夜间模式”；
• 置顶功能通过 Tauri API 实现；
• 主题切换应有明显视觉变化；

---

5. 数据持久化

• 文件记录列表应保存在本地；
• 关闭应用后再次打开，需正确显示记录列表，包括重命名后的记录；

---

🎨 UI/交互设计要求

1. 页面整体风格要求美观、整洁；
2. 文件记录列表位于左侧，文件内容展示区域在右侧；
3. 所有用户操作需有反馈提示（如确认框、成功提示等）；
4. 鼠标右键菜单风格统一，用户操作清晰可见；
5. 重命名输入框建议使用弹窗形式，用户体验要良好；

---

💡 代码规范要求

1. 使用 Vue 3 组合式 API 进行开发；
2. 所有模块代码需书写清晰注释，变量/方法命名需规范、语义明确；
3. 功能模块应保持合理拆分，代码结构清晰；
4. 避免冗余逻辑，关注用户体验与性能表现；
5. 涉及文件操作部分应注意路径安全性，错误需合理捕获并处理；

---

📦 完成与提交

1. 开发完成后使用 tauri build 进行打包；
2. 进行充分的功能测试，确保稳定性；
3. 将完整代码上传至 Git 仓库，确保可正常运行；

---

✅ 可选项（非必须但可以挑战一下）

• 实现文件搜索/过滤功能；
• 支持拖拽添加 .txt 文件至记录列表；
• 夜间模式自动保存用户偏好；
• 文件内容区域支持语法高亮或自动换行设置；
• 支持文件内容的编辑和保存回原路径；