@kungal/editor-nuxt 0.35.0 → 0.37.0

package/CHANGELOG.md

@@ -1,5 +1,74 @@
 # @kungal/editor-nuxt
 
+## 0.37.0
+
+### Minor Changes
+
+- a473708: 隐藏文本:选区里的换行不再写出读不回来的 markdown,选区气泡里也有了这颗按钮
+
+  - **`insertKunSpoilerCommand` 把选区里的换行折成空格。** `||…||` 在每一个读它的地方
+    都只在同一行内配对(这里的 remark 转换、共用同一语法的服务端渲染器),而 commonmark 的
+    hardbreak 声明了 `leafText: () => '\n'` —— 所以选中跨行的文字点「隐藏文本」,按钮会写出
+    `||第一行\n第二行||`:一段它自己都读不回来、渲染出来是两条光秃秃竖线的 markdown。现在
+    `textBetween` 的**两个**分隔符都给 `' '`(块级的本来就是),跨行选区并成一个单行 spoiler。
+  - **选区里一个字都没有时返回 `false`**,而不是把选中的东西替换掉 —— 单独选中一张图片点
+    「隐藏文本」不再删图。(选中的是节点、或在代码块里,原本就已经返回 `false`。)
+  - **选区气泡工具栏加入 `spoiler`**:`KunSelectionItem` 多一个成员,默认那一排变成
+    `bold / italic / strike / code / spoiler / link`。按下态走已有的 `activeMarks.spoiler`,
+    光标在 spoiler 里时按钮点亮、点一下揭示,和固定工具栏完全一致。
+  - 顺手把气泡默认按钮表收成**一份** `DEFAULT_SELECTION_ITEMS`(`context.ts`)。原本
+    `<KunEditor>` 和气泡各存一份,只改气泡那份等于没改 —— 真实编辑器读的是 context 那份。
+
+  **跨行剧透不在此列**:`||…||` 是行内语法(schema `inline: true`,mdast 里开闭两个 `||`
+  根本落在不同的 text 节点上),要藏整段多行内容需要的是一个块级容器语法,得全生态(渲染器
+  先行)另行约定,不是把 `||…||` 拉长。
+
+### Patch Changes
+
+- Updated dependencies [a473708]
+  - @kungal/editor-core@0.37.0
+  - @kungal/editor-vue@0.37.0
+
+## 0.36.0
+
+### Minor Changes
+
+- f7c65c2: fix(editor): the spoiler toolbar button hides the selection instead of deleting it
+
+  `insertKunSpoilerCommand` built an EMPTY `kun-spoiler` node and dropped it over
+  the selection with `replaceSelectionWith`, so clicking 隐藏文本 with text selected
+  deleted the text and left a bare `||||` — and the next thing typed landed
+  outside the node, so nothing was hidden either. The JSDoc said "wraps the
+  current selection"; the code never wrapped anything.
+
+  The command now covers the three cases the `||…||` syntax does:
+
+  - **a selection** → its text moves inside the node. The schema is `marks: ''`
+    (inline formatting cannot round-trip through `||…||`), so bold is what's
+    dropped, never the words. Selections spanning paragraphs collapse into one
+    spoiler; select-all (an `AllSelection`) works too.
+  - **an empty selection** → a new spoiler with the caret INSIDE it: type and it
+    is hidden. It holds a zero-width caret anchor, because a caret cannot sit in
+    an inline node with no text node in it — the serializer strips anchors, and a
+    spoiler holding nothing else serializes to nothing, so a stray click cannot
+    leave `||||` behind.
+  - **the caret already inside a spoiler** → reveal it, leaving the text selected.
+    Nesting would have produced `||||text||||`, which reads back as nothing.
+
+  The button is therefore a toggle, and both toolbars (the headless one and the
+  KunUI one in `@kungal/editor-nuxt`) now show it pressed while the caret is
+  inside a spoiler — `KunToggleMark` gains a `'spoiler'` member for that, so
+  `activeMarks` carries one more key.
+
+  It returns `false` — no document change — inside a code block and with a node
+  selected (an image is not text; replacing it would delete it).
+
+### Patch Changes
+
+- Updated dependencies [f7c65c2]
+  - @kungal/editor-core@0.36.0
+  - @kungal/editor-vue@0.36.0
+
 ## 0.35.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-nuxt",
-  "version": "0.35.0",
+  "version": "0.37.0",
   "description": "KunEditor Nuxt Layer — wraps @kungal/editor-vue and auto-imports <KunEditor> so an existing Nuxt app keeps its exact DX (no import needed).",
   "type": "module",
   "keywords": [
@@ -32,8 +32,8 @@
     "nuxt.config.ts"
   ],
   "dependencies": {
-    "@kungal/editor-core": "0.35.0",
-    "@kungal/editor-vue": "0.35.0"
+    "@kungal/editor-core": "0.37.0",
+    "@kungal/editor-vue": "0.37.0"
   },
   "peerDependencies": {
     "@kungal/ui-vue": "^2.7.0",

package/runtime/KunEditorToolbar.vue

@@ -119,7 +119,7 @@ const commandButtons = computed<Record<string, Tool>>(() => ({
   quote: { icon: 'lucide:text-quote', title: t.value.quote, run: () => props.run(wrapInBlockquoteCommand.key) },
   codeBlock: { icon: 'lucide:square-code', title: t.value.codeBlock, run: () => props.run(createCodeBlockCommand.key, '') },
   hr: { icon: 'lucide:minus', title: t.value.hr, run: () => props.run(insertHrCommand.key) },
-  spoiler: { icon: 'lucide:eye-off', title: t.value.spoiler, run: () => props.run(insertKunSpoilerCommand.key) }
+  spoiler: { icon: 'lucide:eye-off', title: t.value.spoiler, run: () => props.run(insertKunSpoilerCommand.key), mark: 'spoiler' }
 }))
 
 type RenderItem =