@kungal/editor-nuxt 0.35.0 → 0.36.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @kungal/editor-nuxt
 
+## 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.36.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.36.0",
+    "@kungal/editor-vue": "0.36.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 =