chore: todo update

QWEN.md

@@ -24,11 +24,11 @@ cli应当搜索目录下的所有`.md`文件，并为每个文件创建一条路
 
 ## ttrpg组件
 
-`:dice[2d6+d8]`：骰子组件。将内容显示为链接，并在链接前添加一个骰子图标。
+`:md-dice[2d6+d8]`：骰子组件。将内容显示为链接，并在链接前添加一个骰子图标。
 点击骰子会将链接文本替换为一次骰点结果，再次点击文本会重置为骰点公式。
 若提供`{key="blah"}`则会将骰点结果记录在链接中`(?dice-blah=10)`，以允许跳转。
 
-:table[./sparks.csv]：表格组件。将内容显示为标签页，并根据`csv`表头显示内容：
+:md-table[./sparks.csv]：表格组件。将内容显示为标签页，并根据`csv`表头显示内容：
 
 - `label`: 生成为tab label的内容。
 - `body`：生成为tab body的内容。同样使用`marked`解析。
@@ -39,6 +39,10 @@ cli应当搜索目录下的所有`.md`文件，并为每个文件创建一条路
 - `{roll=true}`：添加一个骰子标签，点击会随机切换到一个tab。
 - `{remix=true}`：`body`的内容每次引用`{{prop}}`时，使用随机行的内容，而不是同一行。
 
+:md-pin[A]{x=40 y=40}: 在图片特定位置添加一个标记。
+
+:md-pin-editor: 为图片添加一个pin editor overlay.
+
 ## 样式
 
 使用`@tailwindcss/typography`来管理`markdown`样式。

todo.md

@@ -1,6 +1,10 @@
 # todo
 
-## md-pin
+## md-pin-editor
 
-- [ ] 创建并注册:md-pin组件。
+- [ ] 类似md-pin，寻找最近一张图片。
-- [ ] 对于:md-pin[A]{x=100 y=200} 而言，其将定位上方最近的一张图片，并在指定坐标位置上显示`A`的pin。
+- [ ] 在图片上显示透明遮罩，覆盖整个图片。
+- [ ] 点击遮罩添加一个pin，位置在点击的位置。
+- [ ] 再次点击pin会删除pin。
+- [ ] 点击遮罩hud的复制按钮，可以将所有pin复制为md-pin文本，以回车换行连接。
+- [ ] 所有pin按照A B C ... Z AA AB ... 的顺序显示标签。