Desk Manager

一个 Windows 桌面文件和待办事项管理工具。

功能特性

• 🔒 边缘吸附: 靠近桌面边缘自动吸附并收缩（类似QQ侧边栏）
• 📁 文件管理: 卡片式管理桌面文件和文件夹，支持系统图标显示
• ✅ 待办事项:
  • 创建/编辑/删除待办任务
  • 三分类管理：待办、已完成、已删除
  • 快速标记完成（打对号并划横线）
  • 删除的任务可恢复
  • 支持任务描述和时间提醒
  • 拖拽排序，自定义任务顺序
• 🎨 透明度调节: 可自定义窗口透明度
• 🖼️ 美观设计: 圆润的UI设计，透明背景
• 🎯 可调节布局: 文件区和待办区间可拖拽调节高度

技术栈

• Electron: 桌面应用框架
• React: UI框架
• TypeScript: 类型安全
• Vite: 快速构建工具

开发

安装依赖

npm install

开发模式

npm run dev

构建

npm run build

打包

npm run package

使用说明

文件管理

• 拖拽文件或文件夹到卡片区域进行管理
• 文件夹显示📁图标，文件显示对应类型图标
• 点击文件可在系统资源管理器中打开

待办事项

• 快速添加: 点击"+"按钮，输入任务主题和描述，自动记录当前时间
• 编辑任务: 点击任务内容进入编辑模式，可修改标题、时间和描述
• 标记完成: 点击checkbox标记完成，显示对号✓和横线
• 拖拽排序: 拖动任务调整顺序
• 分类查看:
  • 待办: 未完成的任务
  • 已完成: 标记完成的任务
  • 已删除: 标记删除的任务
• 恢复任务: 在"已删除"分类中点击↻按钮恢复任务到对应分类

窗口操作

• 锁定窗口: 点击🔒按钮固定窗口位置和大小，防止误操作
• 调节布局: 拖拽文件区和待办区之间的分割线调节高度
• 调节透明度: 点击⚙️按钮打开设置面板修改窗口透明度
• 自动隐藏: 将窗口靠近屏幕边缘可自动隐藏为细条

项目结构

desk-manager/
├── electron/               # Electron主进程代码
│   ├── main.ts            # 主进程入口（窗口管理、IPC、文件操作）
│   ├── preload.ts         # 预加载脚本（Context Bridge API）
│   └── tsconfig.json      # TypeScript配置
├── src/                   # React应用代码
│   ├── components/        # React组件
│   │   ├── TopBar.tsx     # 顶部栏（锁定、设置、关闭）
│   │   ├── FileManager.tsx # 文件管理器
│   │   ├── FileCard.tsx   # 文件卡片
│   │   ├── TodoList.tsx   # 待办事项列表
│   │   ├── TodoForm.tsx   # 待办事项输入表单
│   │   ├── TodoItem.tsx   # 待办事项条目
│   │   ├── SettingsPanel.tsx # 设置面板
│   │   ├── ResizeFrame.tsx # 无边框窗口拖拽/缩放
│   │   └── CardContainer.tsx # 卡片容器
│   ├── App.tsx            # 主应用组件（状态管理）
│   ├── main.tsx           # React入口
│   └── *.css              # 样式文件
├── package.json
└── vite.config.ts