dsh-desk-todo 0.0.0-stage → 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 dsh-desk-todo contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,160 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# dsh-desk-todo · 桌面待办挂件
+
+把「**本周待办 + 长期任务**」贴在桌面右上角的一块小黑板上：无标题栏、不进任务栏、默认沉在窗口下面不挡东西；到点弹窗 + 叮一声。
+
+![本周视图](docs/screenshot-week.png)
+
+- 左边：今天起 7 天的待办（没安排的周末也留一行，看得见周末）
+- 右边：长期任务和 DDL 倒计时
+- 单击任意一条 → 看/改备注、标记完成、删除
+- 标题栏 **＋** → 一句话快速新增（`15号下午3点在图书馆交作业` 这种）
+
+## 实现方式
+
+界面是 **Electron** 挂件（`app/`，无边框 + 透明 + 沉底），插件只负责找到一份 Electron 二进制并把它拉起来、崩了重启。
+
+为什么插件不自己开窗口：DSH 的插件宿主跑在 `ELECTRON_RUN_AS_NODE` 模式（`dsh-desktop-host`），进程里没有 `app` / `BrowserWindow`。
+
+Electron 搜索顺序：
+
+1. 配置项 `electronPath`
+2. 环境变量 `DESH_DESK_TODO_ELECTRON`（见下方示例）
+3. `$DSH_HOME/data/surfcore/pet/runtime/electron-<ver>/electron.exe`（装了桌宠插件就有）
+4. `%LOCALAPPDATA%\Programs\electron\electron.exe`
+
+都找不到时**自动退回 WPF 版本**（`win/desk-todo.ps1`，Windows 自带，不需要 Electron，界面是同一套布局的简化实现）。
+
+| 层 | 技术 | 说明 |
+|---|---|---|
+| 界面 | Electron（首选）/ WPF（退路） | 无边框透明窗口 |
+| 提醒 | 自绘弹窗 + `SoundPlayer` / `Notification` | 不吃系统通知权限 |
+| 一句话识别 | Node 正则解析器（`lib/parse.js`） | 通过 `127.0.0.1` 临时端口给界面调用 |
+| 数据 | `$DSH_HOME/desk-todo/data.json` | 纯文本，改完自动刷新 |
+
+## 安装
+
+```bash
+dsh plugin --profile desktop add dsh-desk-todo
+# 或者
+dsh plugin --profile desktop add github:Astryve/dsh-desk-todo
+```
+
+装完**重启 DSH**，挂件会出现在屏幕右上角。
+
+本地开发：
+
+```bash
+git clone https://github.com/Astryve/dsh-desk-todo
+dsh plugin --profile desktop add link:/绝对路径/dsh-desk-todo
+```
+
+## 第一次打开
+
+- 挂件是空的（只有 7 天日期 + 空长期区）
+- 数据文件被创建在 `$DSH_HOME/desk-todo/data.json`（Windows 默认 `C:\Users\<你>\.dsh\desk-todo\data.json`；本机把 DSH 数据放 D 盘时就是 `D:\DSH\data\desk-todo\`）
+- 想立刻看到效果，把仓库里的 `data/example.json` 复制成 `data.json` 即可
+
+## 怎么加待办
+
+### 一句话识别（推荐）
+
+点 **＋**，输入：
+
+```
+15号下午3点在图书馆交作业
+```
+
+会自动拆成 `2026-11-15 · 15:00–16:00 · 图书馆 · 交作业`。识别服务由插件提供；插件没起来时退化为「今天 09:00 + 原文标题」。
+
+支持：
+
+| 类型 | 例子 |
+|---|---|
+| 日期 | `15号` `11月20日` `2026-11-20` `今天/明天/后天` `周五` `下周一` |
+| 时间 | `3点` `7点半` `十点` `9点到11点`，可配 `上午/下午/晚上/中午` |
+| 地点 | `在图书馆` `地点：主楼W3阶`，也认 `东区414` `W3阶` `宿舍楼下` |
+| 标题 | 自动去掉时间地点，只留动作 |
+
+### 改 JSON
+
+`data.json` 是普通 JSON，改完存盘挂件自动刷新。字段见下。
+
+## 提醒规则
+
+| 时机 | 表现 |
+|---|---|
+| 提前 N 分钟（默认 15，可设 0） | 右下角弹窗 + 轻提示音 |
+| 到点 | 弹窗 + 更响提示音 |
+| 逾期未完成 | 每 10 分钟一次，最多 3 次 |
+| 长期任务临期 | 剩 3 天 / 1 天 / 当天各一次 |
+
+## 鼠标操作
+
+| 操作 | 效果 |
+|---|---|
+| 拖标题栏 | 移动（位置自动记住） |
+| 点 ＋ | 快速新增 |
+| 点 － | 隐藏（插件仍在跑，重启 DSH 会回来） |
+| 点条目 | 详情：备注、完成、删除 |
+
+## 数据格式
+
+```json
+{
+  "semester": { "name": "2026-2027 秋", "week1Monday": "2026-08-31" },
+  "events": [
+    { "id": "e1", "title": "数值分析", "day": "2026-11-12",
+      "start": "13:30", "end": "16:40", "place": "武进阶教楼W3阶",
+      "color": "gold", "remindMin": 15, "repeat": "weekly", "note": "带作业" }
+  ],
+  "longterm": [
+    { "id": "l1", "title": "毕业设计开题", "due": "2026-12-20", "done": false, "note": "" }
+  ],
+  "settings": { "w": 520, "h": 330, "x": null, "y": 16, "opacity": 0.85 }
+}
+```
+
+| 字段 | 说明 |
+|---|---|
+| `day` | `YYYY-MM-DD`；`repeat: "weekly"` 时它决定周几 |
+| `start` / `end` | `HH:MM` 24 小时制 |
+| `place` | 自动简写：`武进东区国际教室414` → `东区414` |
+| `color` | 色条：`gold` `green` `blue` `pink` `orange` |
+| `remindMin` | 提前几分钟；`0` = 只到点提醒 |
+| `doneOn` | 某天标记完成的日子（每周重复的第二天自动恢复） |
+| `semester.week1Monday` | 有它标题就显示「第 N 周」 |
+
+## 配置
+
+```yaml
+# ~/.dsh/profiles/<profile>/cordis.patch.yml
+- id: desk-todo
+  config:
+    alwaysOnTop: true    # 想让它盖在窗口上面就打开（默认 false = 沉底）
+    silent: true         # 只弹窗不出声
+    width: 520
+    height: 330
+    top: 16
+    right: 16
+```
+
+## 常见问题
+
+**装完没看到？**
+① 重启 DSH 了吗；② 挂件默认沉在最底层，最小化其它窗口才看得到；③ 打开 `%TEMP%\desk-todo-load.txt`，没有 `spawned powershell pid=...` 就是插件没被加载。
+
+**弹窗不响？**
+配置里 `silent: true` 关了声音，或系统音量/输出设备不对。
+
+**能改窗口大小吗？**
+改 `data.json` 里 `settings.w/h`，或配置里 `width/height`（只影响首次创建）。
+
+**数据会不会丢？**
+不会，全在 `data.json`；卸载插件不删数据。
+
+**非 Windows？**
+WPF 只有 Windows 有，这个版本不支持 macOS / Linux。
+
+## License
+
+MIT

package/app/main.js

@@ -0,0 +1,244 @@
+const { app, BrowserWindow, Tray, Menu, ipcMain, Notification, nativeImage, screen } = require('electron');
+const fs = require('fs');
+const path = require('path');
+
+const DATA_FILE = process.env.DESK_TODO_DATA || path.join(__dirname, 'data.json');
+const CHIME = path.join(__dirname, 'assets', 'chime.wav');
+const ICON = path.join(__dirname, 'assets', 'icon.png');
+
+app.setPath('userData', path.join(__dirname, '.cache'));
+if (process.platform === 'win32') app.setAppUserModelId('com.dsh.desktopwidget');
+
+let win = null;
+let quitting = false;
+let tray = null;
+let data = null;
+const fired = new Map(); // key -> timestamp
+
+function readData() {
+  try { return JSON.parse(fs.readFileSync(DATA_FILE, 'utf8')); }
+  catch { return { events: [], longterm: [], settings: {} }; }
+}
+function writeData(d) {
+  try { fs.writeFileSync(DATA_FILE, JSON.stringify(d, null, 2)); data = d; } catch (e) { console.error(e); }
+}
+
+function clampSize(s) {
+  const w = Math.max(300, Math.min(960, Math.round(Number(s && s.w) || 420)));
+  const h = Math.max(140, Math.min(680, Math.round(Number(s && s.h) || 260)));
+  return { w, h };
+}
+
+function applyBounds(s) {
+  if (!win) return;
+  const { w, h } = clampSize(s);
+  const area = screen.getPrimaryDisplay().workArea;
+  let x = Number.isFinite(s && s.x) ? Math.round(s.x) : area.x + area.width - w - 16;
+  let y = Number.isFinite(s && s.y) ? Math.round(s.y) : area.y + 16;
+  x = Math.max(area.x, Math.min(area.x + area.width - w, x));
+  y = Math.max(area.y, Math.min(area.y + area.height - h, y));
+  const b = win.getBounds();
+  if (b.width !== w || b.height !== h || b.x !== x || b.y !== y) win.setBounds({ x, y, width: w, height: h });
+}
+
+function saveGeometry() {
+  if (!win || !data) return;
+  const b = win.getBounds();
+  data.settings = Object.assign({}, data.settings, { w: b.width, h: b.height, x: b.x, y: b.y });
+  writeData(data);
+}
+
+function createWindow() {
+  const s = (data && data.settings) || {};
+  const { w, h } = clampSize(s);
+  const area = screen.getPrimaryDisplay().workArea;
+  const x = Number.isFinite(s.x) ? Math.round(s.x) : area.x + area.width - w - 16;
+  const y = Number.isFinite(s.y) ? Math.round(s.y) : area.y + 16;
+
+  win = new BrowserWindow({
+    width: w, height: h, x, y,
+    frame: false, transparent: true, resizable: true, movable: true,
+    alwaysOnTop: false, skipTaskbar: true, hasShadow: false,
+    minimizable: false, maximizable: false, fullscreenable: false,
+    webPreferences: { preload: path.join(__dirname, 'preload.js'), contextIsolation: true, nodeIntegration: false }
+  });
+  win.setVisibleOnAllWorkspaces(true);
+  win.showInactive();
+  // 沉到最底层：不抢焦点、不遮挡其它窗口
+  win.on('blur', () => { try { win.setAlwaysOnTop(false); } catch (e) {} });
+  // Win+D / 显示桌面 会最小化所有窗口；立刻恢复，让挂件重新贴回桌面
+  win.on('minimize', (e) => { try { e.preventDefault(); win.restore(); win.showInactive(); } catch (err) {} });
+  win.loadFile(path.join(__dirname, 'ui', 'index.html'));
+  win.on('moved', () => { clearTimeout(win._t); win._t = setTimeout(saveGeometry, 400); });
+  win.on('resized', () => { clearTimeout(win._t); win._t = setTimeout(saveGeometry, 400); });
+  win.on('closed', () => { win = null; if (!quitting) recreateSoon(800); });
+}
+
+function toggleShow() {
+  if (!win) return createWindow();
+  if (win.isVisible()) win.hide(); else win.show();
+}
+
+function buildTray() {
+  const img = nativeImage.createFromPath(ICON);
+  tray = new Tray(img.isEmpty() ? nativeImage.createEmpty() : img);
+  tray.setToolTip('桌面挂件');
+  const menu = Menu.buildFromTemplate([
+    { label: '显示 / 隐藏', click: toggleShow },
+    { label: '回到右上角', click: () => { if (!win) return; data.settings.x = null; data.settings.y = 16; writeData(data); applyBounds(data.settings); } },
+    { type: 'separator' },
+    { label: '测试提醒', click: () => { popupToast('数值分析', '15 分钟后开始 · 阶教楼W3阶', false); if (win && !win.isDestroyed()) win.webContents.send('flash', { key: '__test__', urgent: false }); } },
+    { label: '打开数据文件', click: () => { require('electron').shell.openPath(DATA_FILE); } },
+    { label: '重新载入数据', click: () => { data = readData(); sendState(); } },
+    { type: 'separator' },
+    { label: '退出', click: () => app.quit() }
+  ]);
+  tray.setContextMenu(menu);
+  tray.on('click', toggleShow);
+}
+
+function sendState() {
+  if (win && !win.isDestroyed()) win.webContents.send('state', data);
+}
+
+/* ───────── 自定义弹窗提醒（不依赖系统通知权限） ───────── */
+let toastWin = null;
+function popupToast(title, body, urgent) {
+  try {
+    if (toastWin && !toastWin.isDestroyed()) toastWin.close();
+    const area = screen.getPrimaryDisplay().workArea;
+    const w = 380, h = 96;
+    toastWin = new BrowserWindow({
+      width: w, height: h,
+      x: area.x + area.width - w - 16,
+      y: area.y + area.height - h - 72,
+      frame: false, transparent: true, resizable: false, movable: false,
+      alwaysOnTop: false, skipTaskbar: true, hasShadow: false, focusable: false,
+      webPreferences: { contextIsolation: true, nodeIntegration: false }
+    });
+    toastWin.setAlwaysOnTop(true, 'screen-saver');
+    const qs = '?t=' + encodeURIComponent(title) + '&b=' + encodeURIComponent(body) + '&u=' + (urgent ? 1 : 0) + '&ms=' + (urgent ? 12000 : 8000);
+    toastWin.loadURL('file://' + path.join(__dirname, 'ui', 'toast.html') + qs);
+    toastWin.on('closed', () => { toastWin = null; });
+  } catch (e) { console.error('popup fail', e); }
+}
+
+/* ───────── 提醒调度 ───────── */
+function pad(n) { return String(n).padStart(2, '0'); }
+function todayKey(d) { return d.getFullYear() + '-' + pad(d.getMonth() + 1) + '-' + pad(d.getDate()); }
+function minutesOf(hhmm) { const [h, m] = String(hhmm || '00:00').split(':').map(Number); return (h || 0) * 60 + (m || 0); }
+
+function eventOccursOn(ev, date) {
+  const t = todayKey(date);
+  if (ev.day === t) return true;
+  if (ev.repeat === 'weekly') {
+    const base = new Date(ev.day + 'T00:00:00');
+    return base.getDay() === date.getDay() && date >= new Date(ev.day + 'T00:00:00');
+  }
+  return false;
+}
+
+function fire(title, body, key, urgent) {
+  if (fired.has(key)) return;
+  fired.set(key, Date.now());
+  console.log('[notify]', title, '|', body);
+  try {
+    const n = new Notification({ title, body, icon: ICON, silent: !!(data && data.settings && data.settings.silent) });
+    n.on('click', () => { if (win) { win.show(); win.focus(); } });
+    n.show();
+  } catch (e) { console.error('notify fail', e); }
+  popupToast(title, body, urgent);
+  if (win && !win.isDestroyed()) {
+    win.webContents.send('flash', { key, urgent: !!urgent });
+    if (!(data && data.settings && data.settings.silent)) win.flashFrame(true);
+  }
+}
+
+function tick() {
+  if (!data) return;
+  const now = new Date();
+  const nowMin = now.getHours() * 60 + now.getMinutes();
+  const t = todayKey(now);
+
+  for (const ev of data.events || []) {
+    if (!eventOccursOn(ev, now)) continue;
+    if (ev.doneOn === t) continue;
+    const startMin = minutesOf(ev.start);
+    const remind = Number.isFinite(Number(ev.remindMin)) ? Number(ev.remindMin) : 15;
+    const diff = startMin - nowMin;
+    if (remind > 0 && diff <= remind && diff > remind - 2) {
+      fire('马上要上课 · ' + ev.title, (remind + ' 分钟后开始') + (ev.place ? ' · ' + ev.place : ''), ev.id + '|' + t + '|pre');
+    }
+    if (diff <= 0 && diff > -2) {
+      fire('开始了 · ' + ev.title, (ev.place || '') + (ev.who ? ' · ' + ev.who : ''), ev.id + '|' + t + '|now', true);
+    }
+    if (diff < -2 && diff > -90) {
+      const stage = Math.floor((-diff) / 10);
+      if (stage >= 1 && stage <= 3) {
+        fire('还没完成 · ' + ev.title, '已经过去 ' + (-diff) + ' 分钟', ev.id + '|' + t + '|late' + stage, true);
+      }
+    }
+  }
+
+  for (const it of data.longterm || []) {
+    if (it.done || !it.due) continue;
+    const due = new Date(it.due + 'T23:59:00');
+    const days = Math.ceil((due - now) / 86400000);
+    if (days === 3 || days === 1 || days === 0) {
+      fire('长期任务临期 · ' + it.title, days === 0 ? '今天到期' : days + ' 天后到期（' + it.due + '）', it.id + '|ddl|' + days);
+    }
+  }
+}
+
+/* ───────── IPC ───────── */
+ipcMain.handle('get-state', () => data);
+ipcMain.handle('save-data', (_e, next) => { writeData(next); sendState(); return true; });
+ipcMain.on('set-ignore', (_e, ignore) => {
+  if (win && !win.isDestroyed()) win.setIgnoreMouseEvents(!!ignore, { forward: true });
+});
+ipcMain.on('set-bounds', (_e, s) => { data.settings = Object.assign({}, data.settings, s); writeData(data); applyBounds(data.settings); });
+ipcMain.on('set-opacity', (_e, v) => { data.settings.opacity = Math.max(0.25, Math.min(0.95, Number(v) || 0.75)); writeData(data); sendState(); });
+ipcMain.on('hide-widget', () => { if (win) win.hide(); });
+ipcMain.on('open-data', () => { require('electron').shell.openPath(DATA_FILE); });
+ipcMain.on('reload', () => { data = readData(); sendState(); });
+
+// 单实例：避免多开导致"旧窗口还挡着鼠标"的幽灵问题
+const gotLock = app.requestSingleInstanceLock();
+if (!gotLock) {
+  app.quit();
+} else {
+  app.on('second-instance', () => {
+    try { if (win) { win.showInactive(); } } catch (e) {}
+  });
+}
+
+app.whenReady().then(() => {
+  if (!fs.existsSync(DATA_FILE)) writeData({ events: [], longterm: [], settings: {} });
+  data = readData();
+  createWindow();
+  buildTray();
+  // Win+D / 显示桌面 会把窗口最小化；轮询拉回来，保持"桌面贴纸"的效果
+  setInterval(() => {
+    try { if (win && !win.isDestroyed() && win.isMinimized()) { win.restore(); win.showInactive(); } } catch (e) {}
+  }, 1200);
+  setInterval(tick, 20000);
+  tick();
+  fs.watchFile(DATA_FILE, { interval: 1500 }, () => { data = readData(); sendState(); });
+});
+
+app.on('before-quit', () => { quitting = true; });
+app.on('window-all-closed', () => { if (quitting) app.quit(); });
+
+// 桌面右键刷新 / 资源管理器重启会把窗口顶掉：自动重建，保持长期显示
+let recreateTimer = null;
+function recreateSoon(ms) {
+  if (quitting) return;
+  clearTimeout(recreateTimer);
+  recreateTimer = setTimeout(() => {
+    if (quitting) return;
+    if (!win || win.isDestroyed()) { try { createWindow(); } catch (e) { } }
+  }, ms || 800);
+}
+app.on('browser-window-created', (_e, w) => {
+  w.webContents.on('render-process-gone', () => recreateSoon(500));
+});

package/app/preload.js

@@ -0,0 +1,13 @@
+const { contextBridge, ipcRenderer } = require('electron');
+contextBridge.exposeInMainWorld('widget', {
+  getState: () => ipcRenderer.invoke('get-state'),
+  saveData: (d) => ipcRenderer.invoke('save-data', d),
+  setIgnore: (v) => ipcRenderer.send('set-ignore', v),
+  setBounds: (s) => ipcRenderer.send('set-bounds', s),
+  setOpacity: (v) => ipcRenderer.send('set-opacity', v),
+  hide: () => ipcRenderer.send('hide-widget'),
+  openData: () => ipcRenderer.send('open-data'),
+  reload: () => ipcRenderer.send('reload'),
+  onState: (cb) => ipcRenderer.on('state', (_e, d) => cb(d)),
+  onFlash: (cb) => ipcRenderer.on('flash', (_e, p) => cb(p))
+});

package/app/ui/index.html

@@ -0,0 +1,126 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8" />
+<title>桌面挂件</title>
+<link rel="stylesheet" href="style.css" />
+</head>
+<body class="mode-m">
+  <div id="app">
+    <header class="bar" data-hit>
+      <div class="title" id="weekLabel">本周</div>
+      <div class="tools">
+        <button id="btnAdd" class="chip" title="新增待办（右键=新增长期任务）">＋</button>
+        <button id="btnView" class="chip" title="切换 本周 / 长期">长期</button>
+        <button id="btnCfg" class="chip" title="设置">⚙</button>
+        <button id="btnHide" class="chip" title="隐藏">－</button>
+      </div>
+    </header>
+
+    <main class="panes">
+      <section id="paneWeek" class="pane">
+        <div id="weekList" class="list"></div>
+      </section>
+      <div class="divider"></div>
+      <section id="paneLong" class="pane">
+        <div id="longList" class="list"></div>
+      </section>
+    </main>
+  </div>
+
+  <div id="detail" class="overlay hidden" data-hit>
+    <div class="card">
+      <div class="card-top">
+        <span id="dTitle" class="card-title"></span>
+        <button id="dClose" class="x">×</button>
+      </div>
+      <div id="dMeta" class="meta"></div>
+      <label class="lbl">我的备注</label>
+      <textarea id="dNote" rows="3" placeholder="写点备注…（自动保存）"></textarea>
+      <div class="card-actions">
+        <button id="dDone" class="btn">标记完成</button>
+        <button id="dEdit" class="btn ghost">编辑</button>
+        <button id="dDel" class="btn ghost">删除</button>
+        <button id="dOpenData" class="btn ghost">数据</button>
+      </div>
+    </div>
+  </div>
+
+  <div id="editor" class="overlay hidden" data-hit>
+    <div class="card">
+      <div class="card-top">
+        <span id="eKind" class="card-title">新增待办</span>
+        <button id="eCancel2" class="x">×</button>
+      </div>
+      <label class="lbl">标题</label>
+      <input id="eTitle" type="text" placeholder="例如 交作业 / 数值分析" />
+      <div class="only-event">
+        <div class="row2">
+          <label class="lbl">日期 <input id="eDate" type="date" /></label>
+          <label class="lbl">开始
+            <span class="timebox">
+              <button type="button" id="eStartH" class="tm" data-unit="hour">08</button><span class="colon">:</span><button type="button" id="eStartM" class="tm" data-unit="min">00</button>
+            </span>
+          </label>
+          <label class="lbl">结束
+            <span class="timebox">
+              <button type="button" id="eEndH" class="tm" data-unit="hour">09</button><span class="colon">:</span><button type="button" id="eEndM" class="tm" data-unit="min">35</button>
+            </span>
+          </label>
+        </div>
+        <div class="row2">
+          <label class="lbl">地点 <input id="ePlace" type="text" placeholder="东区414" /></label>
+          <label class="lbl">提前(分钟) <input id="eRemind" type="number" min="0" max="180" step="5" /></label>
+          <label class="lbl">重复
+            <select id="eRepeat">
+              <option value="none">只一次</option>
+              <option value="weekly">每周</option>
+            </select>
+          </label>
+        </div>
+      </div>
+      <div class="only-long">
+        <label class="lbl">截止日期 <input id="eDue" type="date" /></label>
+      </div>
+      <label class="lbl">备注（可粘贴「几号几点在哪做什么」，点右侧识别）</label>
+      <textarea id="eNote" rows="2"></textarea>
+      <div class="parse-row">
+        <span id="eHint" class="hint"></span>
+        <button id="eParse" class="btn ghost small" title="从备注里识别时间地点并填入">识别</button>
+      </div>
+      <div class="card-actions">
+        <button id="eSave" class="btn">保存</button>
+        <button id="eCancel" class="btn ghost">取消</button>
+        <button id="eDelete" class="btn ghost">删除</button>
+      </div>
+    </div>
+  </div>
+
+  <div id="cfg" class="overlay hidden" data-hit>
+    <div class="card">
+      <div class="card-top">
+        <span class="card-title">设置</span>
+        <button id="cClose" class="x">×</button>
+      </div>
+      <label class="lbl">尺寸预设</label>
+      <div class="presets">
+        <button class="btn ghost" data-preset="400x220">400×220</button>
+        <button class="btn ghost" data-preset="520x330">520×330</button>
+        <button class="btn ghost" data-preset="640x400">640×400</button>
+        <button class="btn ghost" data-preset="760x460">760×460</button>
+      </div>
+      <div class="row2">
+        <label class="lbl">宽 <input id="cW" type="number" min="300" max="960" step="10"></label>
+        <label class="lbl">高 <input id="cH" type="number" min="140" max="680" step="10"></label>
+      </div>
+      <label class="lbl">背景不透明度 <span id="cOpV"></span></label>
+      <input id="cOpacity" type="range" min="0.3" max="0.95" step="0.01">
+      <div class="card-actions">
+        <button id="cApply" class="btn">应用</button>
+      </div>
+    </div>
+  </div>
+
+  <script src="renderer.js"></script>
+</body>
+</html>