@kungal/editor-vue 0.23.0 → 0.25.0

package/CHANGELOG.md

@@ -1,5 +1,68 @@
 # @kungal/editor-vue
 
+## 0.25.0
+
+### Minor Changes
+
+- a103220: Placeholder: default to `'doc'` mode + expose `placeholderMode`.
+
+  The placeholder used to appear on **every empty line** (the cursor's empty
+  block) — that's the Milkdown/Notion `'block'` behavior, which was the default but
+  is surprising for a reply/comment editor. `<KunEditor>` now defaults to `'doc'`:
+  the placeholder shows **only while the whole editor is empty** (the conventional
+  empty-state hint), and the new `placeholderMode` prop opts back into per-line
+  `'block'`:
+
+  ```vue
+  <KunEditor v-model="md" placeholder="写点什么…" />
+  <!-- only when empty -->
+  <KunEditor v-model="md" placeholder="写点什么…" placeholder-mode="block" />
+  <!-- on each empty line -->
+  ```
+
+  (The lower-level `createKunEditorPlugins(..., { placeholderMode })` /
+  `createPlaceholderPlugin` still default to `'block'` for parity with Crepe; the
+  opinion lives in the `<KunEditor>` component.)
+
+  Verified in the docs production build: empty editor shows the placeholder; typing
+  a line then Enter (an empty line in a non-empty doc) does not; `placeholder-mode="block"`
+  brings back the per-line hint. 47 core tests pass (incl. new doc-vs-block cases).
+
+### Patch Changes
+
+- @kungal/editor-core@0.25.0
+
+## 0.24.0
+
+### Minor Changes
+
+- 5c981df: The selection bubble toolbar's buttons are now configurable.
+
+  `<KunEditor>`'s `selectionToolbar` prop now accepts `boolean | KunSelectionItem[]`:
+
+  ```vue
+  <KunEditor v-model="md" />
+  <!-- default 4 buttons -->
+  <KunEditor v-model="md" :selection-toolbar="['bold', 'italic']" />
+  <!-- reorder / subset -->
+  <KunEditor v-model="md" :selection-toolbar="false" />
+  <!-- off -->
+  ```
+
+  `KunSelectionItem` is `'bold' | 'italic' | 'strike' | 'code' | '|'` (`'|'` a
+  divider), exported from `@kungal/editor-vue`. The resolved items reach the bubble
+  (a plugin view) through the editor context; dividers collapse around removed
+  items. The bubble's **look** is (and was) styled via the `.kun-editor__bubble` /
+  `.kun-editor__bubble-btn` class hooks — headless, no new API.
+
+  Verified in the docs production build: an editor with
+  `:selection-toolbar="['bold','italic']"` shows a 2-button bubble while the default
+  shows 4; 0 console errors.
+
+### Patch Changes
+
+- @kungal/editor-core@0.24.0
+
 ## 0.23.0
 
 ### Minor Changes

package/dist/components/KunEditor.vue.d.ts

@@ -1,5 +1,5 @@
 import type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale } from '@kungal/editor-core';
-import type { KunEditorExpose } from '../types';
+import type { KunEditorExpose, KunSelectionItem } from '../types';
 type ViewMode = 'wysiwyg' | 'source' | 'split';
 type __VLS_Props = {
     /** Bound markdown (v-model). */
@@ -12,8 +12,14 @@ type __VLS_Props = {
     locale?: KunEditorLocale;
     /** Read-only render (no editing). */
     readonly?: boolean;
-    /** Placeholder text shown while the editor is empty. */
+    /** Placeholder text shown while empty. */
     placeholder?: string;
+    /**
+     * When the placeholder shows: `'doc'` (default) only while the whole editor
+     * is empty (the conventional empty-state hint); `'block'` on any empty block
+     * at the cursor (Notion style — a hint on every new empty line).
+     */
+    placeholderMode?: 'doc' | 'block';
     /**
      * Which view modes to offer in the switch. Default all three. Drop `'split'`
      * (or use just `['wysiwyg']`) for compact editors like a reply/comment box —
@@ -23,8 +29,13 @@ type __VLS_Props = {
     /** Sync scrolling between the split panes. Default `true`; set `false` to
      * disable (or toggle it at runtime via the view-switch API). */
     scrollSync?: boolean;
-    /** Show a floating format toolbar on text selection. Default `true`. */
-    selectionToolbar?: boolean;
+    /**
+     * The floating toolbar shown on text selection. `true` (default) = the
+     * standard buttons; `false` = off; or pass an ordered `KunSelectionItem[]`
+     * to reorder / subset them (`'|'` is a divider). Its look is styled via the
+     * `.kun-editor__bubble` / `.kun-editor__bubble-btn` class hooks.
+     */
+    selectionToolbar?: boolean | KunSelectionItem[];
 };
 declare var __VLS_1: {
     mode: ViewMode;
@@ -73,7 +84,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, KunEditorEx
     locale: KunEditorLocale;
     readonly: boolean;
     placeholder: string;
-    selectionToolbar: boolean;
+    placeholderMode: "doc" | "block";
+    selectionToolbar: boolean | KunSelectionItem[];
     views: ViewMode[];
     scrollSync: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/KunEditor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KunEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/KunEditor.vue"],"names":[],"mappings":"AAsUA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE9C,KAAK,WAAW,GAAG;IACf,gCAAgC;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;oEACgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAC;AA6YJ,QAAA,IAAI,OAAO;;iBAjWS,QAAQ;;;;;;;;;;;;;CAiWP,EAAE,QAAQ;iEAtb/B,CA/S+C;;;;;;;;;;;;;;;CAquBiB,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQhD,QAAA,MAAM,UAAU;;;;;cA5aD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;sBAWD,OAAO;WALlB,QAAQ,EAAE;gBAGL,OAAO;6EAgatB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"KunEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/KunEditor.vue"],"names":[],"mappings":"AAsWA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AASjE,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE9C,KAAK,WAAW,GAAG;IACf,gCAAgC;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;oEACgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,gBAAgB,EAAE,CAAA;CAChD,CAAC;AA8ZJ,QAAA,IAAI,OAAO;;iBArWS,QAAQ;;;;;;;;;;;;;CAqWP,EAAE,QAAQ;iEAzd/B,CAzUkC;;;;;;;;;;;;;;;CAkyB8B,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQhD,QAAA,MAAM,UAAU;;;;;cAxcD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;qBAMF,KAAK,GAAG,OAAO;sBAgBd,OAAO,GAAG,gBAAgB,EAAE;WAVvC,QAAQ,EAAE;gBAGL,OAAO;6EAsbtB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/MilkdownEditor.vue.d.ts

@@ -7,6 +7,7 @@ type __VLS_Props = {
     locale: KunEditorLocale;
     readonly: boolean;
     placeholder: string;
+    placeholderMode: 'doc' | 'block';
     selectionToolbar: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, KunEditorExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/components/MilkdownEditor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MilkdownEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/MilkdownEditor.vue"],"names":[],"mappings":"AA4MA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAI5B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AA4JF,QAAA,MAAM,YAAY;;;;kFAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"MilkdownEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/MilkdownEditor.vue"],"names":[],"mappings":"AA8MA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAI5B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,KAAK,GAAG,OAAO,CAAA;IAChC,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AA6JF,QAAA,MAAM,YAAY;;;;kFAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SelectionTooltip.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionTooltip.vue.d.ts","sourceRoot":"","sources":["../../src/components/SelectionTooltip.vue"],"names":[],"mappings":"AAyMA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SelectionTooltip.vue.d.ts","sourceRoot":"","sources":["../../src/components/SelectionTooltip.vue"],"names":[],"mappings":"AA2RA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/ToolbarHost.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarHost.vue.d.ts","sourceRoot":"","sources":["../../src/components/ToolbarHost.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAuFhD,QAAA,IAAI,OAAO;oCAxFX,CA9DM;;;;;;;;;;;;;;;CAsJgB,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ToolbarHost.vue.d.ts","sourceRoot":"","sources":["../../src/components/ToolbarHost.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAuFhD,QAAA,IAAI,OAAO;oCAxFX,CArDQ;;;;;;;;;;;;;;;CA6Ic,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/context.d.ts

@@ -1,5 +1,6 @@
 import type { InjectionKey } from 'vue';
 import type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale } from '@kungal/editor-core';
+import type { KunSelectionItem } from './types';
 export interface KunEditorContext {
     /** The host policy bundle (searchMentionUsers, stickerSource, notify, …). */
     readonly adapters: KunEditorAdapters;
@@ -7,6 +8,8 @@ export interface KunEditorContext {
     readonly features: KunEditorFeatures;
     /** UI language, for view chrome (dropdown hints, picker tabs, etc.). */
     readonly locale: KunEditorLocale;
+    /** Ordered buttons for the selection bubble toolbar (a plugin view reads it). */
+    readonly selectionToolbarItems: KunSelectionItem[];
 }
 export declare const KUN_EDITOR_CONTEXT: InjectionKey<KunEditorContext>;
 //# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAE5B,MAAM,WAAW,gBAAgB;IAC/B,6EAA6E;IAC7E,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,gDAAgD;IAChD,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,wEAAwE;IACxE,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAA;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,gBAAgB,CAChC,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,6EAA6E;IAC7E,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,gDAAgD;IAChD,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,wEAAwE;IACxE,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAA;IAChC,iFAAiF;IACjF,QAAQ,CAAC,qBAAqB,EAAE,gBAAgB,EAAE,CAAA;CACnD;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,gBAAgB,CAChC,CAAA"}

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { KunEditor };
 export type { KunEditorExpose } from './types';
 export type { KunEditorToolbarApi } from './types';
 export type { KunToolbarItem } from './types';
+export type { KunSelectionItem } from './types';
 export type { KunEditorViewSwitchApi } from './types';
 export { EMOJI } from './emoji';
 export type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale, UploadImage, SearchMentionUsers, StickerSource, Notify, NotifyLevel, MentionUser, StickerItem, StickerPack } from '@kungal/editor-core';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,CAAA;AAGpB,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,MAAM,EACN,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACZ,MAAM,qBAAqB,CAAA;AAE5B,+EAA+E;AAC/E,eAAO,MAAM,eAAe,EAAE,MAI7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,CAAA;AAGpB,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAG/C,YAAY,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,MAAM,EACN,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACZ,MAAM,qBAAqB,CAAA;AAE5B,+EAA+E;AAC/E,eAAO,MAAM,eAAe,EAAE,MAI7B,CAAA"}

package/dist/index.js

@@ -6,7 +6,7 @@ import { listenerCtx as R } from "@milkdown/kit/plugin/listener";
 import { SlashProvider as z, slashFactory as B } from "@milkdown/kit/plugin/slash";
 import { TooltipProvider as V, tooltipFactory as H } from "@milkdown/kit/plugin/tooltip";
 import { callCommand as U, replaceAll as W } from "@milkdown/kit/utils";
-import { createKunEditorPlugins as G, insertKunSpoilerCommand as ee, insertMentionCommand as K, insertQuoteCommand as q, kunCM as te, mentionId as ne, setHeadingCommand as re, startImageUpload as J } from "@kungal/editor-core/preset";
+import { createKunEditorPlugins as G, insertKunSpoilerCommand as K, insertMentionCommand as q, insertQuoteCommand as J, kunCM as ee, mentionId as te, setHeadingCommand as ne, startImageUpload as re } from "@kungal/editor-core/preset";
 import { TextSelection as ie } from "@milkdown/kit/prose/state";
 import { createCodeBlockCommand as ae, insertHrCommand as oe, insertImageCommand as se, toggleEmphasisCommand as ce, toggleInlineCodeCommand as le, toggleStrongCommand as ue, wrapInBlockquoteCommand as de, wrapInBulletListCommand as fe, wrapInOrderedListCommand as pe } from "@milkdown/kit/preset/commonmark";
 import { toggleStrikethroughCommand as me } from "@milkdown/kit/preset/gfm";
@@ -74,7 +74,7 @@ var X = Symbol("kun-editor-context"), ve = [
 		}, I = (e) => {
 			let t = d.value;
 			if (!t || !O) return;
-			let n = t.state.schema.nodes[ne];
+			let n = t.state.schema.nodes[te];
 			if (!n) return;
 			let r = n.create({
 				userId: e.id,
@@ -156,39 +156,56 @@ var X = Symbol("kun-editor-context"), ve = [
 	spoiler: Z("<path d=\"M9.9 4.24A9.1 9.1 0 0 1 12 4c7 0 10 8 10 8a13.2 13.2 0 0 1-1.67 2.68\"/><path d=\"M6.6 6.6A13.5 13.5 0 0 0 2 12s3 8 10 8a9.7 9.7 0 0 0 5.4-1.6\"/><line x1=\"2\" y1=\"2\" x2=\"22\" y2=\"22\"/>"),
 	latex: Q("Σ", 15),
 	smile: Z("<circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"/>")
-}, Ee = [
+}, Ee = {
+	key: 0,
+	class: "kun-editor__toolbar-divider",
+	"aria-hidden": "true"
+}, De = [
 	"title",
 	"aria-label",
 	"onMousedown"
-], De = ["innerHTML"], Oe = /* @__PURE__ */ s({
+], Oe = ["innerHTML"], ke = /* @__PURE__ */ s({
 	__name: "SelectionTooltip",
 	setup(n) {
 		let { view: r, prevState: o } = j(), [, s] = k(), c = l(X), u = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), d = g(null), h, v = (e, t) => {
 			s()?.action(U(e, t));
 		}, y = t(() => {
 			let e = u.value;
-			return [
-				{
+			return {
+				bold: {
 					svg: $.bold,
 					title: e ? "Bold" : "加粗",
 					run: () => v(ue.key)
 				},
-				{
+				italic: {
 					svg: $.italic,
 					title: e ? "Italic" : "斜体",
 					run: () => v(ce.key)
 				},
-				{
+				strike: {
 					svg: $.strike,
 					title: e ? "Strikethrough" : "删除线",
 					run: () => v(me.key)
 				},
-				{
+				code: {
 					svg: $.code,
 					title: e ? "Inline code" : "行内代码",
 					run: () => v(le.key)
 				}
-			];
+			};
+		}), b = t(() => {
+			let e = y.value, t = (c?.selectionToolbarItems ?? [
+				"bold",
+				"italic",
+				"strike",
+				"code"
+			]).map((t) => t === "|" ? { divider: !0 } : e[t] ? {
+				divider: !1,
+				...e[t]
+			} : null).filter((e) => e !== null), n = [];
+			for (let e of t) e.divider && (n.length === 0 || n[n.length - 1]?.divider) || n.push(e);
+			for (; n.length && n[n.length - 1]?.divider;) n.pop();
+			return n;
 		});
 		return p(() => {
 			h = new V({
@@ -204,19 +221,19 @@ var X = Symbol("kun-editor-context"), ve = [
 			ref: d,
 			class: "kun-editor__bubble",
 			"data-show": "false"
-		}, [(m(!0), i(e, null, _(y.value, (e, t) => (m(), i("button", {
-			key: t,
+		}, [(m(!0), i(e, null, _(b.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", Ee)) : (m(), i("button", {
+			key: 1,
 			type: "button",
 			class: "kun-editor__bubble-btn",
-			title: e.title,
-			"aria-label": e.title,
-			onMousedown: T((t) => e.run(), ["prevent"])
+			title: t.title,
+			"aria-label": t.title,
+			onMousedown: T((e) => t.run(), ["prevent"])
 		}, [a("span", {
 			class: "kun-editor__icon",
-			innerHTML: e.svg
-		}, null, 8, De)], 40, Ee))), 128))], 512));
+			innerHTML: t.svg
+		}, null, 8, Oe)], 40, De))], 64))), 128))], 512));
 	}
-}), ke = /* @__PURE__ */ s({
+}), Ae = /* @__PURE__ */ s({
 	__name: "MilkdownEditor",
 	props: {
 		modelValue: {},
@@ -225,6 +242,7 @@ var X = Symbol("kun-editor-context"), ve = [
 		locale: {},
 		readonly: { type: Boolean },
 		placeholder: {},
+		placeholderMode: {},
 		selectionToolbar: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
@@ -236,10 +254,11 @@ var X = Symbol("kun-editor-context"), ve = [
 				}), t.update(I, (e) => ({
 					...e,
 					editable: () => !i.readonly
-				})), l && t.set(c.key, { view: s({ component: Te }) }), d && t.set(u.key, { view: s({ component: Oe }) });
+				})), l && t.set(c.key, { view: s({ component: Te }) }), d && t.set(u.key, { view: s({ component: ke }) });
 			}).use(G(i.adapters, i.features, {
 				locale: i.locale,
-				placeholder: i.placeholder
+				placeholder: i.placeholder,
+				placeholderMode: i.placeholderMode
 			}));
 			return l && t.use(c), d && t.use(u), t;
 		});
@@ -256,29 +275,29 @@ var X = Symbol("kun-editor-context"), ve = [
 		};
 		return t({
 			insertQuote: (e) => {
-				f.get()?.action(U(q.key, e)), p();
+				f.get()?.action(U(J.key, e)), p();
 			},
 			insertMention: (e) => {
-				f.get()?.action(U(K.key, e)), p();
+				f.get()?.action(U(q.key, e)), p();
 			},
 			focus: p
 		}), (e, t) => (m(), n(b(E)));
 	}
-}), Ae = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), je = [
+}), je = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Me = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], Me = ["innerHTML"], Ne = { class: "kun-editor__picker-panel" }, Pe = {
+], Ne = ["innerHTML"], Pe = { class: "kun-editor__picker-panel" }, Fe = {
 	key: 0,
 	class: "kun-editor__picker-tabs",
 	role: "tablist"
-}, Fe = ["data-active"], Ie = ["data-active"], Le = { class: "kun-editor__emoji-grid" }, Re = ["onClick"], ze = {
+}, Ie = ["data-active"], Le = ["data-active"], Re = { class: "kun-editor__emoji-grid" }, ze = ["onClick"], Be = {
 	key: 1,
 	class: "kun-editor__sticker-body"
-}, Be = { class: "kun-editor__pack-name" }, Ve = { class: "kun-editor__sticker-grid" }, He = ["title", "onClick"], Ue = ["src", "alt"], We = {
+}, Ve = { class: "kun-editor__pack-name" }, He = { class: "kun-editor__sticker-grid" }, Ue = ["title", "onClick"], We = ["src", "alt"], Ge = {
 	key: 1,
 	class: "kun-editor__picker-hint"
-}, Ge = /* @__PURE__ */ s({
+}, Ke = /* @__PURE__ */ s({
 	__name: "StickerPicker",
 	setup(n) {
 		let [, o] = k(), s = l(X), c = s?.adapters.stickerSource, u = !!c, d = t(() => (s?.locale ?? "zh-cn").toLowerCase().startsWith("en")), h = t(() => d.value ? {
@@ -334,28 +353,28 @@ var X = Symbol("kun-editor-context"), ve = [
 		}, [a("span", {
 			class: "kun-editor__icon",
 			innerHTML: b($).smile
-		}, null, 8, Me)], 8, je), w(a("div", Ne, [
-			u ? (m(), i("div", Pe, [a("button", {
+		}, null, 8, Ne)], 8, Me), w(a("div", Pe, [
+			u ? (m(), i("div", Fe, [a("button", {
 				type: "button",
 				class: "kun-editor__picker-tab",
 				"data-active": C.value === "emoji",
 				onClick: n[0] ||= (e) => C.value = "emoji"
-			}, y(h.value.emoji), 9, Fe), a("button", {
+			}, y(h.value.emoji), 9, Ie), a("button", {
 				type: "button",
 				class: "kun-editor__picker-tab",
 				"data-active": C.value === "sticker",
 				onClick: n[1] ||= (e) => C.value = "sticker"
-			}, y(h.value.sticker), 9, Ie)])) : r("", !0),
-			w(a("div", Le, [(m(!0), i(e, null, _(b(Ae), (e, t) => (m(), i("button", {
+			}, y(h.value.sticker), 9, Le)])) : r("", !0),
+			w(a("div", Re, [(m(!0), i(e, null, _(b(je), (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__emoji",
 				onClick: (t) => M(e)
-			}, y(e), 9, Re))), 128))], 512), [[x, !u || C.value === "emoji"]]),
-			u ? w((m(), i("div", ze, [T.value.length ? (m(!0), i(e, { key: 0 }, _(T.value, (t) => (m(), i("div", {
+			}, y(e), 9, ze))), 128))], 512), [[x, !u || C.value === "emoji"]]),
+			u ? w((m(), i("div", Be, [T.value.length ? (m(!0), i(e, { key: 0 }, _(T.value, (t) => (m(), i("div", {
 				key: t.name,
 				class: "kun-editor__pack"
-			}, [a("div", Be, y(t.name), 1), a("div", Ve, [(m(!0), i(e, null, _(t.stickers, (e, t) => (m(), i("button", {
+			}, [a("div", Ve, y(t.name), 1), a("div", He, [(m(!0), i(e, null, _(t.stickers, (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__sticker",
@@ -365,21 +384,21 @@ var X = Symbol("kun-editor-context"), ve = [
 				src: e.src,
 				alt: e.name,
 				loading: "lazy"
-			}, null, 8, Ue)], 8, He))), 128))])]))), 128)) : (m(), i("div", We, y(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[x, C.value === "sticker"]]) : r("", !0)
+			}, null, 8, We)], 8, Ue))), 128))])]))), 128)) : (m(), i("div", Ge, y(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[x, C.value === "sticker"]]) : r("", !0)
 		], 512), [[x, v.value]])], 512));
 	}
-}), Ke = {
+}), qe = {
 	class: "kun-editor__format-toolbar",
 	role: "toolbar"
-}, qe = ["aria-label"], Je = {
+}, Je = ["aria-label"], Ye = {
 	value: "",
 	disabled: "",
 	selected: ""
-}, Ye = ["value"], Xe = [
+}, Xe = ["value"], Ze = [
 	"title",
 	"aria-label",
 	"onClick"
-], Ze = ["innerHTML"], Qe = ["title", "aria-label"], $e = ["innerHTML"], et = /* @__PURE__ */ s({
+], Qe = ["innerHTML"], $e = ["title", "aria-label"], et = ["innerHTML"], tt = /* @__PURE__ */ s({
 	__name: "EditorToolbar",
 	setup(n) {
 		let [, s] = k(), c = l(X), u = t(() => c?.adapters.uploadImage), d = t(() => c?.features.sticker !== !1), f = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), p = (e, t) => {
@@ -416,7 +435,7 @@ var X = Symbol("kun-editor-context"), ve = [
 			}));
 		}), x = (e) => {
 			let t = e.target;
-			p(re.key, Number(t.value)), t.selectedIndex = 0;
+			p(ne.key, Number(t.value)), t.selectedIndex = 0;
 		}, S = t(() => [
 			[
 				{
@@ -470,29 +489,29 @@ var X = Symbol("kun-editor-context"), ve = [
 			[{
 				svg: $.spoiler,
 				title: h.value.spoiler,
-				run: () => p(ee.key)
+				run: () => p(K.key)
 			}]
 		]), C = g(null), w = () => C.value?.click(), T = (e) => {
 			let t = e.target, n = t.files?.[0];
 			t.value = "";
 			let r = u.value;
 			!n || !r || s()?.action((e) => {
-				J(e.get(F), n, {
+				re(e.get(F), n, {
 					uploadImage: r,
 					notify: c?.adapters.notify,
 					locale: c?.locale
 				});
 			});
 		};
-		return (t, n) => (m(), i("div", Ke, [
+		return (t, n) => (m(), i("div", qe, [
 			a("select", {
 				class: "kun-editor__heading-select",
 				"aria-label": h.value.textSize,
 				onChange: x
-			}, [a("option", Je, y(h.value.textSize), 1), (m(!0), i(e, null, _(v.value, (e) => (m(), i("option", {
+			}, [a("option", Ye, y(h.value.textSize), 1), (m(!0), i(e, null, _(v.value, (e) => (m(), i("option", {
 				key: e.level,
 				value: e.level
-			}, y(e.label), 9, Ye))), 128))], 40, qe),
+			}, y(e.label), 9, Xe))), 128))], 40, Je),
 			(m(!0), i(e, null, _(S.value, (t, r) => (m(), i(e, { key: r }, [n[0] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
@@ -506,7 +525,7 @@ var X = Symbol("kun-editor-context"), ve = [
 			}, [a("span", {
 				class: "kun-editor__icon",
 				innerHTML: e.svg
-			}, null, 8, Ze)], 8, Xe))), 128))], 64))), 128)),
+			}, null, 8, Qe)], 8, Ze))), 128))], 64))), 128)),
 			u.value ? (m(), i(e, { key: 0 }, [
 				n[1] ||= a("span", {
 					class: "kun-editor__toolbar-divider",
@@ -521,7 +540,7 @@ var X = Symbol("kun-editor-context"), ve = [
 				}, [a("span", {
 					class: "kun-editor__icon",
 					innerHTML: b($).image
-				}, null, 8, $e)], 8, Qe),
+				}, null, 8, et)], 8, $e),
 				a("input", {
 					ref_key: "fileInput",
 					ref: C,
@@ -534,10 +553,10 @@ var X = Symbol("kun-editor-context"), ve = [
 			d.value ? (m(), i(e, { key: 1 }, [n[2] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
-			}, null, -1), o(Ge)], 64)) : r("", !0)
+			}, null, -1), o(Ke)], 64)) : r("", !0)
 		]));
 	}
-}), tt = /* @__PURE__ */ s({
+}), nt = /* @__PURE__ */ s({
 	__name: "ToolbarHost",
 	setup(e) {
 		let [, t] = k(), n = l(X, void 0), r = (e, n) => {
@@ -555,7 +574,7 @@ var X = Symbol("kun-editor-context"), ve = [
 			uploadImage: (e) => {
 				let r = n?.adapters.uploadImage, i = t();
 				!r || !i || i.action((t) => {
-					J(t.get(F), e, {
+					re(t.get(F), e, {
 						uploadImage: r,
 						notify: n?.adapters.notify,
 						locale: n?.locale
@@ -563,10 +582,10 @@ var X = Symbol("kun-editor-context"), ve = [
 				});
 			},
 			insertQuote: (e) => {
-				r(q.key, e), i();
+				r(J.key, e), i();
 			},
 			insertMention: (e) => {
-				r(K.key, e), i();
+				r(q.key, e), i();
 			},
 			focus: i,
 			get adapters() {
@@ -581,7 +600,7 @@ var X = Symbol("kun-editor-context"), ve = [
 		};
 		return (e, t) => v(e.$slots, "default", d(c(a)));
 	}
-}), nt = /* @__PURE__ */ s({
+}), rt = /* @__PURE__ */ s({
 	__name: "MarkdownSource",
 	props: {
 		modelValue: {},
@@ -592,7 +611,7 @@ var X = Symbol("kun-editor-context"), ve = [
 		let n = e, r = t, a = g(null), o = null, s = (e) => he.create({
 			doc: e,
 			extensions: [
-				te(),
+				ee(),
 				Y.lineWrapping,
 				_e,
 				ge(),
@@ -617,19 +636,19 @@ var X = Symbol("kun-editor-context"), ve = [
 			class: "kun-editor__source"
 		}, null, 512));
 	}
-}), rt = ["data-mode"], it = {
+}), it = ["data-mode"], at = {
 	key: 0,
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, at = [
+}, ot = [
 	"aria-selected",
 	"data-active",
 	"onClick"
-], ot = ["title", "aria-label"], st = [
+], st = ["title", "aria-label"], ct = [
 	"data-active",
 	"title",
 	"aria-pressed"
-], ct = ["data-swap"], lt = { class: "kun-editor__wysiwyg kun-editor__pane" }, ut = /* @__PURE__ */ s({
+], lt = ["data-swap"], ut = { class: "kun-editor__wysiwyg kun-editor__pane" }, dt = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -641,6 +660,7 @@ var X = Symbol("kun-editor-context"), ve = [
 			default: !1
 		},
 		placeholder: { default: "" },
+		placeholderMode: { default: "doc" },
 		views: { default: () => [
 			"wysiwyg",
 			"source",
@@ -651,39 +671,47 @@ var X = Symbol("kun-editor-context"), ve = [
 			default: !0
 		},
 		selectionToolbar: {
-			type: Boolean,
+			type: [Boolean, Array],
 			default: !0
 		}
 	},
 	emits: ["update:modelValue"],
 	setup(s, { expose: l, emit: p }) {
-		let T = s, E = p;
+		let T = [
+			"bold",
+			"italic",
+			"strike",
+			"code"
+		], E = s, O = p;
 		h(X, {
 			get adapters() {
-				return T.adapters;
+				return E.adapters;
 			},
 			get features() {
-				return T.features;
+				return E.features;
 			},
 			get locale() {
-				return T.locale;
+				return E.locale;
+			},
+			get selectionToolbarItems() {
+				return Array.isArray(E.selectionToolbar) ? E.selectionToolbar : T;
 			}
 		});
-		let O = g(T.views.includes("wysiwyg") ? "wysiwyg" : T.views[0] ?? "wysiwyg"), k = (e) => {
-			O.value = e;
+		let k = t(() => E.selectionToolbar !== !1), j = g(E.views.includes("wysiwyg") ? "wysiwyg" : E.views[0] ?? "wysiwyg"), M = (e) => {
+			j.value = e;
 		};
-		S(() => T.views, (e) => {
-			e.includes(O.value) || (O.value = e[0] ?? "wysiwyg");
+		S(() => E.views, (e) => {
+			e.includes(j.value) || (j.value = e[0] ?? "wysiwyg");
 		});
-		let j = g(!1), M = () => {
-			j.value = !j.value;
-		}, N = g(T.scrollSync);
-		S(() => T.scrollSync, (e) => {
-			N.value = e;
-		});
-		let P = () => {
+		let N = g(!1), P = () => {
 			N.value = !N.value;
-		}, F = t(() => T.locale.toLowerCase().startsWith("en")), I = t(() => F.value ? {
+		}, F = g(E.scrollSync);
+		S(() => E.scrollSync, (e) => {
+			F.value = e;
+		});
+		let I = () => {
+			F.value = !F.value;
+		}, L = t(() => E.locale.toLowerCase().startsWith("en")), R = t(() => L.value ? {
 			wysiwyg: "Preview",
 			source: "Markdown",
 			split: "Split",
@@ -695,94 +723,95 @@ var X = Symbol("kun-editor-context"), ve = [
 			split: "分栏",
 			swap: "左右互换",
 			scrollSync: "同步滚动"
-		}), L = g(null), R = null, z = null, B = null, V = () => {
-			R?.(), R = null, z = null;
-		}, H = () => {
-			V();
-			let e = L.value;
+		}), z = g(null), B = null, V = null, H = null, U = () => {
+			B?.(), B = null, V = null;
+		}, W = () => {
+			U();
+			let e = z.value;
 			if (!e) return;
 			let t = e.querySelector(".cm-scroller"), n = e.querySelector(".kun-editor__wysiwyg");
 			if (!t || !n) return;
 			let r = (e, t) => () => {
-				if (z && z !== e) return;
-				z = e;
+				if (V && V !== e) return;
+				V = e;
 				let n = e.scrollHeight - e.clientHeight, r = n > 0 ? e.scrollTop / n : 0, i = t.scrollHeight - t.clientHeight;
-				t.scrollTop = r * (i > 0 ? i : 0), B && clearTimeout(B), B = setTimeout(() => {
-					z = null;
+				t.scrollTop = r * (i > 0 ? i : 0), H && clearTimeout(H), H = setTimeout(() => {
+					V = null;
 				}, 120);
 			}, i = r(t, n), a = r(n, t);
-			t.addEventListener("scroll", i, { passive: !0 }), n.addEventListener("scroll", a, { passive: !0 }), R = () => {
+			t.addEventListener("scroll", i, { passive: !0 }), n.addEventListener("scroll", a, { passive: !0 }), B = () => {
 				t.removeEventListener("scroll", i), n.removeEventListener("scroll", a);
 			};
 		};
-		S([O, N], ([e, t]) => {
-			V(), e === "split" && t && u(H);
-		}), f(V);
-		let U = t(() => T.readonly || O.value === "split"), W = (e) => E("update:modelValue", e), G = g(null);
+		S([j, F], ([e, t]) => {
+			U(), e === "split" && t && u(W);
+		}), f(U);
+		let G = t(() => E.readonly || j.value === "split"), K = (e) => O("update:modelValue", e), q = g(null);
 		return l({
-			insertQuote: (e) => G.value?.insertQuote(e),
-			insertMention: (e) => G.value?.insertMention(e),
-			focus: () => G.value?.focus()
+			insertQuote: (e) => q.value?.insertQuote(e),
+			insertMention: (e) => q.value?.insertMention(e),
+			focus: () => q.value?.focus()
 		}), (t, l) => (m(), i("div", {
 			ref_key: "rootEl",
-			ref: L,
+			ref: z,
 			class: "kun-editor",
 			"data-kun-editor": "",
-			"data-mode": O.value
+			"data-mode": j.value
 		}, [v(t.$slots, "view-switch", {
-			mode: O.value,
-			setMode: k,
-			labels: I.value,
+			mode: j.value,
+			setMode: M,
+			labels: R.value,
 			views: s.views,
-			swapped: j.value,
-			swap: M,
-			scrollSync: N.value,
-			toggleScrollSync: P
-		}, () => [s.views.length > 1 ? (m(), i("div", it, [(m(!0), i(e, null, _(s.views, (e) => (m(), i("button", {
+			swapped: N.value,
+			swap: P,
+			scrollSync: F.value,
+			toggleScrollSync: I
+		}, () => [s.views.length > 1 ? (m(), i("div", at, [(m(!0), i(e, null, _(s.views, (e) => (m(), i("button", {
 			key: e,
 			type: "button",
 			class: "kun-editor__tab",
-			"aria-selected": O.value === e,
-			"data-active": O.value === e,
-			onClick: (t) => k(e)
-		}, y(I.value[e]), 9, at))), 128)), O.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
+			"aria-selected": j.value === e,
+			"data-active": j.value === e,
+			onClick: (t) => M(e)
+		}, y(R.value[e]), 9, ot))), 128)), j.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
 			type: "button",
 			class: "kun-editor__tab kun-editor__swap",
-			title: I.value.swap,
-			"aria-label": I.value.swap,
-			onClick: l[0] ||= (e) => M()
-		}, " ⇄ ", 8, ot), a("button", {
+			title: R.value.swap,
+			"aria-label": R.value.swap,
+			onClick: l[0] ||= (e) => P()
+		}, " ⇄ ", 8, st), a("button", {
 			type: "button",
 			class: "kun-editor__tab",
-			"data-active": N.value,
-			title: I.value.scrollSync,
-			"aria-pressed": N.value,
-			onClick: l[1] ||= (e) => P()
-		}, y(I.value.scrollSync), 9, st)], 64)) : r("", !0)])) : r("", !0)]), o(b(D), null, {
+			"data-active": F.value,
+			title: R.value.scrollSync,
+			"aria-pressed": F.value,
+			onClick: l[1] ||= (e) => I()
+		}, y(R.value.scrollSync), 9, ct)], 64)) : r("", !0)])) : r("", !0)]), o(b(D), null, {
 			default: C(() => [o(b(A), null, {
-				default: C(() => [w(a("div", null, [o(tt, null, {
-					default: C((e) => [v(t.$slots, "toolbar", d(c(e)), () => [o(et)])]),
+				default: C(() => [w(a("div", null, [o(nt, null, {
+					default: C((e) => [v(t.$slots, "toolbar", d(c(e)), () => [o(tt)])]),
 					_: 3
-				})], 512), [[x, O.value === "wysiwyg" && !s.readonly]]), a("div", {
+				})], 512), [[x, j.value === "wysiwyg" && !s.readonly]]), a("div", {
 					class: "kun-editor__panes",
-					"data-swap": j.value
-				}, [O.value === "source" || O.value === "split" ? (m(), n(nt, {
+					"data-swap": N.value
+				}, [j.value === "source" || j.value === "split" ? (m(), n(rt, {
 					key: 0,
 					class: "kun-editor__pane",
 					"model-value": s.modelValue,
 					readonly: s.readonly,
-					"onUpdate:modelValue": W
-				}, null, 8, ["model-value", "readonly"])) : r("", !0), w(a("div", lt, [o(ke, {
+					"onUpdate:modelValue": K
+				}, null, 8, ["model-value", "readonly"])) : r("", !0), w(a("div", ut, [o(Ae, {
 					ref_key: "inner",
-					ref: G,
+					ref: q,
 					"model-value": s.modelValue,
 					adapters: s.adapters,
 					features: s.features,
 					locale: s.locale,
-					readonly: U.value,
+					readonly: G.value,
 					placeholder: s.placeholder,
-					"selection-toolbar": s.selectionToolbar,
-					"onUpdate:modelValue": W
+					"placeholder-mode": s.placeholderMode,
+					"selection-toolbar": k.value,
+					"onUpdate:modelValue": K
 				}, null, 8, [
 					"model-value",
 					"adapters",
@@ -790,15 +819,16 @@ var X = Symbol("kun-editor-context"), ve = [
 					"locale",
 					"readonly",
 					"placeholder",
+					"placeholder-mode",
 					"selection-toolbar"
-				])], 512), [[x, O.value === "wysiwyg" || O.value === "split"]])], 8, ct)]),
+				])], 512), [[x, j.value === "wysiwyg" || j.value === "split"]])], 8, lt)]),
 				_: 3
 			})]),
 			_: 3
-		})], 8, rt));
+		})], 8, it));
 	}
-}), dt = { install(e) {
-	e.component("KunEditor", ut);
+}), ft = { install(e) {
+	e.component("KunEditor", dt);
 } };
 //#endregion
-export { Ae as EMOJI, ut as KunEditor, dt as KunEditorPlugin };
+export { je as EMOJI, dt as KunEditor, ft as KunEditorPlugin };

package/dist/types.d.ts

@@ -1,6 +1,7 @@
 import type { CmdKey } from '@milkdown/kit/core';
 import type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale } from '@kungal/editor-core';
 export type KunToolbarItem = 'heading' | 'bold' | 'italic' | 'strike' | 'code' | 'bulletList' | 'orderedList' | 'quote' | 'codeBlock' | 'hr' | 'spoiler' | 'image' | 'picker' | '|';
+export type KunSelectionItem = 'bold' | 'italic' | 'strike' | 'code' | '|';
 export interface KunEditorToolbarApi {
     /** Run a Milkdown command (import its key from the preset/commonmark/gfm). */
     run: <T>(key: CmdKey<T>, payload?: T) => void;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAK5B,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,aAAa,GACb,OAAO,GACP,WAAW,GACX,IAAI,GACJ,SAAS,GACT,OAAO,GACP,QAAQ,GACR,GAAG,CAAA;AAMP,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7C,uDAAuD;IACvD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;;;OAIG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACjC,0EAA0E;IAC1E,WAAW,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChE,6CAA6C;IAC7C,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAClE,gCAAgC;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,yCAAyC;IACzC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAA;CACjC;AAMD,MAAM,WAAW,sBAAsB;IACrC,uEAAuE;IACvE,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,8BAA8B;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;IACvD,8EAA8E;IAC9E,KAAK,EAAE,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,EAAE,CAAA;IACzC,qDAAqD;IACrD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,UAAU,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,gDAAgD;IAChD,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AASD,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC5D;;;OAGG;IACH,aAAa,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC9D,gCAAgC;IAChC,KAAK,IAAI,IAAI,CAAA;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAK5B,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,aAAa,GACb,OAAO,GACP,WAAW,GACX,IAAI,GACJ,SAAS,GACT,OAAO,GACP,QAAQ,GACR,GAAG,CAAA;AAIP,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,GAAG,CAAA;AAM1E,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7C,uDAAuD;IACvD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;;;OAIG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACjC,0EAA0E;IAC1E,WAAW,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChE,6CAA6C;IAC7C,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAClE,gCAAgC;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,yCAAyC;IACzC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAA;CACjC;AAMD,MAAM,WAAW,sBAAsB;IACrC,uEAAuE;IACvE,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,8BAA8B;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;IACvD,8EAA8E;IAC9E,KAAK,EAAE,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,EAAE,CAAA;IACzC,qDAAqD;IACrD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,UAAU,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,gDAAgD;IAChD,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AASD,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC5D;;;OAGG;IACH,aAAa,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC9D,gCAAgC;IAChC,KAAK,IAAI,IAAI,CAAA;CACd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-vue",
-  "version": "0.23.0",
+  "version": "0.25.0",
   "description": "KunEditor Vue 3 layer — the headless <KunEditor> component (dual WYSIWYG / markdown-source), toolbar and plugin views. Ships zero CSS and no UI-kit dependency; consumes @kungal/editor-core, and pairs with @kungal/editor-nuxt for optional KunUI chrome.",
   "type": "module",
   "keywords": [
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@prosemirror-adapter/vue": "^0.4.6",
-    "@kungal/editor-core": "0.23.0"
+    "@kungal/editor-core": "0.25.0"
   },
   "peerDependencies": {
     "@codemirror/lang-markdown": "^6.0.0",
@@ -80,7 +80,7 @@
     "vite": "^8.0.16",
     "vue": "^3.5.35",
     "vue-tsc": "^3.3.3",
-    "@kungal/editor-core": "0.23.0"
+    "@kungal/editor-core": "0.25.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json",