From 80471e8dd2d034bb4241e7b9b885dca85d2a2b4a Mon Sep 17 00:00:00 2001 From: hypercross Date: Sat, 28 Feb 2026 17:39:51 +0800 Subject: [PATCH] chore: todo clean up --- .idea/csv-editor.xml | 23 +++++++++++++++++ content/commander-test.md | 3 +++ content/deck-test.md | 21 ++++++++++++++++ content/npcs.csv | 2 +- todo.md | 53 --------------------------------------- 5 files changed, 48 insertions(+), 54 deletions(-) create mode 100644 .idea/csv-editor.xml create mode 100644 content/commander-test.md diff --git a/.idea/csv-editor.xml b/.idea/csv-editor.xml new file mode 100644 index 0000000..577c8be --- /dev/null +++ b/.idea/csv-editor.xml @@ -0,0 +1,23 @@ + + + + + + \ No newline at end of file diff --git a/content/commander-test.md b/content/commander-test.md new file mode 100644 index 0000000..45e25f2 --- /dev/null +++ b/content/commander-test.md @@ -0,0 +1,3 @@ +# Commander Test + +:md-commander[] \ No newline at end of file diff --git a/content/deck-test.md b/content/deck-test.md index 9c6dc53..088e130 100644 --- a/content/deck-test.md +++ b/content/deck-test.md @@ -1,5 +1,26 @@ # yaml/tag 代码块格式测试 +```yaml/tag +tag: md-deck +body: ./npcs.csv +layers: body:1,6-5,8 +``` + +> [!NOTE] +> Highlights information that users should take into account, even when skimming. + +> [!TIP] +> Optional information to help a user be more successful. + +> [!IMPORTANT] +> Crucial information necessary for users to succeed. + +> [!WARNING] +> Critical content demanding immediate user attention due to potential risks. + +> [!CAUTION] +> Negative potential consequences of an action. + ## 使用 yaml/tag 语法创建 md-deck ```yaml/tag diff --git a/content/npcs.csv b/content/npcs.csv index 0334268..e1af1d0 100644 --- a/content/npcs.csv +++ b/content/npcs.csv @@ -1,5 +1,5 @@ label,body -"Hello world","**Hello**, world" +"Hello world","{{greet}}, world" "Hello foo","**Hello**, foo" "Hello bar","**Hello**, bar" "Hello stuff","**Hello**, stuff" diff --git a/todo.md b/todo.md index cf4e36b..e69de29 100644 --- a/todo.md +++ b/todo.md @@ -1,53 +0,0 @@ -# todo - -## md-pins - -- [x] 类似 md-pin,寻找最近一张图片。 -- [x] 在图片上显示透明遮罩,覆盖整个图片。 -- [x] 点击遮罩添加一个 pin,位置在点击的位置。 -- [x] 再次点击 pin 会删除 pin。 -- [x] 点击遮罩 hud 的复制按钮,可以将所有 pin 复制为 md-pin 文本,以回车换行连接。 -- [x] 所有 pin 按照 A B C ... Z AA AB ... 的顺序显示标签。 -- [x] 重命名为 md-pins,退休 md-pin。 - -## md-deck - -定义一个排版模板,填充来自 csv 的数据并生成预览。 - -### 语法 - -- size: 长宽尺寸,以 mm 为单位。 -- grid: 排版网格。 -- bleed: 出血,如 54x86 外加 1mm 出血之后实际尺寸为 56x88。 -- padding: 网格外边距。54x86 外加 2mm padding 之后实际网格区域为 50x82。 -- layers: 排版层,由一个列表构成。每个元素以 `prop:topleft-bottomright` 格式定义。 -- fixed: 是否可编辑。fixed 未定义时开启编辑器 UI。 - -``` -:md-deck[./card.csv]{size="54x86" grid="5x8" bleed="1" padding="2" layers="body:1,7-5,8 title:1,1-5,1"} -``` - -### 显示 - -首先对 csv 数据中的每个条目,显示一个 tab。放在一个 flex wrap 的标签框里。 - -然后显示卡牌本身。对每个排版层,将 csv 数据中对应字段作为 markdown 显示在对应位置并居中。 - -### 编辑器 UI - -在卡牌左侧显示 csv 数据内容。 - -在卡牌右侧显示表单,并以响应式控件编辑卡牌属性: -- size -- grid -- bleed -- padding - -对于每一个 csv 字段,显示一个图层控件: -- 是否显示:若不显示,则在 layers 中不出现此字段。 -- 编辑位置按钮:激活后,在卡牌上显示遮罩,并允许框选网格区域,以用作字段的位置。 - -最后,显示一个复制按钮,用于复制整个卡牌的`:md-deck`代码。 - -- [x] 创建 md-deck 组件 -- [x] 实现编辑器 UI