@kungal/editor-vue 0.26.0 → 0.27.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @kungal/editor-vue
 
+## 0.27.0
+
+### Minor Changes
+
+- ac86c0a: Add a heading-outline API for building a table of contents (TOC).
+
+  A host (e.g. a desktop editor with a left-side outline) can now render its own TOC
+  and navigate the editor, without reaching into editor internals:
+
+  - **`@update:headings`** on `<KunEditor>` — emits the ordered outline
+    (`KunHeading[]` = `{ level, text }`) whenever the content changes.
+  - **`ref.scrollToHeading(index)`** — scrolls to that heading in the _current_ view
+    and places the caret there: the WYSIWYG heading in wysiwyg mode, the CodeMirror
+    heading line in source/split mode (so a click navigates the editable pane).
+  - **editor-core** exports the pure `parseHeadings(markdown)` (and `KunHeading`) it's
+    built on — usable server-side too. Parses ATX headings, skipping code fences.
+
+  The TOC's styling, colour, indentation and layout (e.g. reserving space on the
+  left of the split editor) are entirely the host's — the editor only exposes the
+  data + navigation, matching the headless design.
+
+  Verified in a new docs example (`/examples/toc`): the outline tracks the content;
+  clicking an item scrolls + carets to that heading in wysiwyg (scrollTop 0→386,
+  caret in the target) and in source (CodeMirror scrolled, cursor on `## …`); new
+  `parseHeadings` unit tests pass; 0 console errors.
+
+### Patch Changes
+
+- Updated dependencies [ac86c0a]
+  - @kungal/editor-core@0.27.0
+
 ## 0.26.0
 
 ### Minor Changes

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

@@ -1,4 +1,4 @@
-import type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale } from '@kungal/editor-core';
+import type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale, KunHeading } from '@kungal/editor-core';
 import type { KunEditorExpose, KunSelectionItem } from '../types';
 type ViewMode = 'wysiwyg' | 'source' | 'split';
 type __VLS_Props = {
@@ -80,8 +80,10 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, KunEditorExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (markdown: string) => any;
+    "update:headings": (headings: KunHeading[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((markdown: string) => any) | undefined;
+    "onUpdate:headings"?: ((headings: KunHeading[]) => any) | undefined;
 }>, {
     adapters: KunEditorAdapters;
     features: KunEditorFeatures;

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":"AAwWA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAUjE,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;AAgaJ,QAAA,IAAI,OAAO;;iBAvWS,QAAQ;;;;;;;;;;;;;CAuWP,EAAE,QAAQ;iEA5d/B,CAzUI;;;;;YAyUJ,CArTkC;;;;;;;;;;;;;;CAixB8B,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;;;;;cA1cD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;qBAMF,KAAK,GAAG,OAAO;sBAgBd,OAAO,GAAG,gBAAgB,EAAE;WAVvC,QAAQ,EAAE;gBAGL,OAAO;6EAwbtB,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":"AAgYA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,UAAU,EACX,MAAM,qBAAqB,CAAA;AAO5B,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAUjE,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;AAwbJ,QAAA,IAAI,OAAO;;iBApXS,QAAQ;;;;;;;;;;;;;CAoXP,EAAE,QAAQ;iEAtf/B,CAjWE;;;;;YAiWF,CA7UiC;;;;;;;;;;;;;;CAm0BoD,CAAE;AACvF,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;AAShD,QAAA,MAAM,UAAU;;;;;;;cAneD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;qBAMF,KAAK,GAAG,OAAO;sBAgBd,OAAO,GAAG,gBAAgB,EAAE;WAVvC,QAAQ,EAAE;gBAGL,OAAO;6EAidtB,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/MarkdownSource.vue.d.ts

@@ -2,7 +2,9 @@ type __VLS_Props = {
     modelValue: string;
     readonly: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    scrollToHeading: (index: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (markdown: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((markdown: string) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSource.vue.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownSource.vue"],"names":[],"mappings":"AA2GA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAC;AA2FF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"MarkdownSource.vue.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownSource.vue"],"names":[],"mappings":"AAkJA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAC;AAmIF,QAAA,MAAM,YAAY;6BA/Ec,MAAM;;;;;kFAmFpC,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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":"AAsOA,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;IACzB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AA+KF,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":"AA0QA,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;IACzB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AAiNF,QAAA,MAAM,YAAY;;;;kFAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/index.d.ts

@@ -7,6 +7,8 @@ export type { KunToolbarItem } from './types';
 export type { KunSelectionItem } from './types';
 export type { KunEditorViewSwitchApi } from './types';
 export { EMOJI } from './emoji';
+export type { KunHeading } from '@kungal/editor-core';
+export { parseHeadings } from '@kungal/editor-core';
 export type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale, UploadImage, SearchMentionUsers, StickerSource, Notify, NotifyLevel, MentionUser, StickerItem, StickerPack } from '@kungal/editor-core';
 /** Vue plugin: `app.use(KunEditorPlugin)` to register <KunEditor> globally. */
 export declare const KunEditorPlugin: Plugin;

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,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"}
+{"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,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAGnD,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

@@ -1,37 +1,38 @@
 import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, inject as l, nextTick as u, normalizeProps as d, onBeforeUnmount as f, onMounted as p, openBlock as m, provide as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, vShow as x, watch as S, withCtx as C, withDirectives as w, withModifiers as T } from "vue";
 import { Milkdown as E, MilkdownProvider as D, useEditor as O, useInstance as k } from "@milkdown/vue";
 import { ProsemirrorAdapterProvider as A, usePluginViewContext as j, usePluginViewFactory as M } from "@prosemirror-adapter/vue";
-import { Editor as N, defaultValueCtx as P, editorViewCtx as F, editorViewOptionsCtx as I, rootCtx as L } from "@milkdown/kit/core";
-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 ee } from "@milkdown/kit/utils";
-import { createKunEditorPlugins as te, insertKunSpoilerCommand as W, insertLinkCommand as G, insertMentionCommand as ne, insertQuoteCommand as re, kunCM as ie, mentionId as ae, setHeadingCommand as oe, startImageUpload as K } from "@kungal/editor-core/preset";
-import { TextSelection as se } from "@milkdown/kit/prose/state";
-import { createCodeBlockCommand as ce, insertHrCommand as le, insertImageCommand as ue, toggleEmphasisCommand as q, toggleInlineCodeCommand as de, toggleStrongCommand as fe, wrapInBlockquoteCommand as pe, wrapInBulletListCommand as me, wrapInOrderedListCommand as he } from "@milkdown/kit/preset/commonmark";
-import { toggleStrikethroughCommand as J } from "@milkdown/kit/preset/gfm";
-import { Annotation as ge, EditorState as _e } from "@codemirror/state";
+import { parseHeadings as N, parseHeadings as ee } from "@kungal/editor-core";
+import { Editor as P, defaultValueCtx as F, editorViewCtx as I, editorViewOptionsCtx as L, rootCtx as R } from "@milkdown/kit/core";
+import { listenerCtx as z } from "@milkdown/kit/plugin/listener";
+import { SlashProvider as B, slashFactory as V } from "@milkdown/kit/plugin/slash";
+import { TooltipProvider as H, tooltipFactory as U } from "@milkdown/kit/plugin/tooltip";
+import { callCommand as W, replaceAll as te } from "@milkdown/kit/utils";
+import { TextSelection as G } from "@milkdown/kit/prose/state";
+import { createKunEditorPlugins as K, insertKunSpoilerCommand as q, insertLinkCommand as J, insertMentionCommand as ne, insertQuoteCommand as re, kunCM as ie, mentionId as ae, setHeadingCommand as oe, startImageUpload as se } from "@kungal/editor-core/preset";
+import { createCodeBlockCommand as ce, insertHrCommand as le, insertImageCommand as ue, toggleEmphasisCommand as de, toggleInlineCodeCommand as fe, toggleStrongCommand as pe, wrapInBlockquoteCommand as me, wrapInBulletListCommand as he, wrapInOrderedListCommand as ge } from "@milkdown/kit/preset/commonmark";
+import { toggleStrikethroughCommand as _e } from "@milkdown/kit/preset/gfm";
+import { Annotation as ve, EditorState as ye } from "@codemirror/state";
 import { EditorView as Y } from "@codemirror/view";
-import { markdown as ve } from "@codemirror/lang-markdown";
-import { basicSetup as ye } from "codemirror";
+import { markdown as be } from "@codemirror/lang-markdown";
+import { basicSetup as xe } from "codemirror";
 //#region src/context.ts
-var X = Symbol("kun-editor-context"), be = [
+var X = Symbol("kun-editor-context"), Se = [
 	"data-active",
 	"onMousedown",
 	"onMouseenter"
-], xe = ["src", "alt"], Se = {
+], Ce = ["src", "alt"], we = {
 	key: 1,
 	class: "kun-mention-dropdown__avatar kun-mention-dropdown__avatar--fallback"
-}, Ce = { class: "kun-mention-dropdown__name" }, we = {
+}, Te = { class: "kun-mention-dropdown__name" }, Ee = {
 	key: 1,
 	class: "kun-mention-dropdown__hint"
-}, Te = {
+}, De = {
 	key: 2,
 	class: "kun-mention-dropdown__hint"
-}, Ee = {
+}, Oe = {
 	key: 3,
 	class: "kun-mention-dropdown__hint"
-}, De = /* @__PURE__ */ s({
+}, ke = /* @__PURE__ */ s({
 	__name: "MentionDropdown",
 	setup(n) {
 		let r = /(?:^|\s)@([^\s@]{0,30})$/, o = l(X), s = o?.adapters.searchMentionUsers, c = t(() => (o?.locale ?? "zh-cn").toLowerCase().startsWith("en")), u = t(() => c.value ? {
@@ -58,20 +59,20 @@ var X = Symbol("kun-editor-context"), be = [
 				}
 				t === k && (w.value = n ?? [], E.value = 0, D.value = !1);
 			}, 180);
-		}, P = (e) => {
+		}, ee = (e) => {
 			let { selection: t } = e.state;
 			if (!t.empty) return null;
 			let { $from: n } = t, i = n.parent.textBetween(Math.max(0, n.parentOffset - 100), n.parentOffset, void 0, "").match(r);
 			return i ? i[1] ?? "" : null;
-		}, F = (e) => {
-			let t = P(e);
+		}, P = (e) => {
+			let t = ee(e);
 			if (t === null) return !1;
 			let n = e.state.selection.$from.pos;
 			return O = {
 				from: n - (t.length + 1),
 				to: n
 			}, t !== C.value && (C.value = t, N(t)), !0;
-		}, I = (e) => {
+		}, F = (e) => {
 			let t = d.value;
 			if (!t || !O) return;
 			let n = t.state.schema.nodes[ae];
@@ -80,8 +81,8 @@ var X = Symbol("kun-editor-context"), be = [
 				userId: e.id,
 				name: e.name
 			}), { from: i, to: a } = O, o = t.state.tr.replaceWith(i, a, r), s = i + r.nodeSize;
-			o.insertText(" ", s), o.setSelection(se.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), b.hide();
-		}, L = (e) => {
+			o.insertText(" ", s), o.setSelection(G.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), b.hide();
+		}, I = (e) => {
 			if (!x.value || !w.value.length) {
 				x.value && e.key === "Escape" && (e.preventDefault(), b.hide());
 				return;
@@ -97,7 +98,7 @@ var X = Symbol("kun-editor-context"), be = [
 				case "Enter":
 				case "Tab": {
 					let t = w.value[E.value];
-					t && (e.preventDefault(), e.stopPropagation(), I(t));
+					t && (e.preventDefault(), e.stopPropagation(), F(t));
 					break;
 				}
 				case "Escape":
@@ -106,20 +107,20 @@ var X = Symbol("kun-editor-context"), be = [
 			}
 		};
 		return p(() => {
-			b = new z({
+			b = new B({
 				content: v.value,
 				trigger: "@",
-				shouldShow: F,
+				shouldShow: P,
 				debounce: 0
 			}), b.onShow = () => {
 				x.value = !0;
 			}, b.onHide = () => {
 				x.value = !1, M();
-			}, b.update(d.value, h.value), window.addEventListener("keydown", L, !0);
+			}, b.update(d.value, h.value), window.addEventListener("keydown", I, !0);
 		}), S([d, h], () => {
 			b?.update(d.value, h.value);
 		}), f(() => {
-			A && clearTimeout(A), window.removeEventListener("keydown", L, !0), b?.destroy();
+			A && clearTimeout(A), window.removeEventListener("keydown", I, !0), b?.destroy();
 		}), (t, n) => (m(), i("div", {
 			ref_key: "divRef",
 			ref: v,
@@ -130,14 +131,14 @@ var X = Symbol("kun-editor-context"), be = [
 			type: "button",
 			class: "kun-mention-dropdown__item",
 			"data-active": t === E.value,
-			onMousedown: T((t) => I(e), ["prevent"]),
+			onMousedown: T((t) => F(e), ["prevent"]),
 			onMouseenter: (e) => E.value = t
 		}, [e.avatar ? (m(), i("img", {
 			key: 0,
 			src: e.avatar,
 			alt: e.name,
 			class: "kun-mention-dropdown__avatar"
-		}, null, 8, xe)) : (m(), i("span", Se, y(e.name.charAt(0)), 1)), a("span", Ce, y(e.name), 1)], 40, be))), 128)) : D.value ? (m(), i("div", we, y(u.value.searching), 1)) : C.value ? (m(), i("div", Te, y(u.value.empty), 1)) : (m(), i("div", Ee, y(u.value.prompt), 1))], 512));
+		}, null, 8, Ce)) : (m(), i("span", we, y(e.name.charAt(0)), 1)), a("span", Te, y(e.name), 1)], 40, Se))), 128)) : D.value ? (m(), i("div", Ee, y(u.value.searching), 1)) : C.value ? (m(), i("div", De, y(u.value.empty), 1)) : (m(), i("div", Oe, y(u.value.prompt), 1))], 512));
 	}
 }), Z = (e) => `<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${e}</svg>`, Q = (e, t = 13) => `<svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><text x="12" y="12" dominant-baseline="central" text-anchor="middle" font-size="${t}" font-weight="700" font-family="ui-sans-serif, system-ui, sans-serif" fill="currentColor">${e}</text></svg>`, $ = {
 	bold: Z("<path d=\"M6 4h8a4 4 0 0 1 0 8H6z\"/><path d=\"M6 12h9a4 4 0 0 1 0 8H6z\"/>"),
@@ -157,44 +158,44 @@ var X = Symbol("kun-editor-context"), be = [
 	link: Z("<path d=\"M10 13a5 5 0 0 0 7.07 0l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.07 0l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/>"),
 	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\"/>")
-}, Oe = {
+}, Ae = {
 	key: 0,
 	class: "kun-editor__toolbar-divider",
 	"aria-hidden": "true"
-}, ke = [
+}, je = [
 	"title",
 	"aria-label",
 	"onMousedown"
-], Ae = ["innerHTML"], je = /* @__PURE__ */ s({
+], Me = ["innerHTML"], Ne = /* @__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));
+			s()?.action(W(e, t));
 		}, y = () => {
 			let e = window.prompt(u.value ? "Link URL" : "链接 URL")?.trim();
-			e && v(G.key, { href: e });
+			e && v(J.key, { href: e });
 		}, b = t(() => {
 			let e = u.value;
 			return {
 				bold: {
 					svg: $.bold,
 					title: e ? "Bold" : "加粗",
-					run: () => v(fe.key)
+					run: () => v(pe.key)
 				},
 				italic: {
 					svg: $.italic,
 					title: e ? "Italic" : "斜体",
-					run: () => v(q.key)
+					run: () => v(de.key)
 				},
 				strike: {
 					svg: $.strike,
 					title: e ? "Strikethrough" : "删除线",
-					run: () => v(J.key)
+					run: () => v(_e.key)
 				},
 				code: {
 					svg: $.code,
 					title: e ? "Inline code" : "行内代码",
-					run: () => v(de.key)
+					run: () => v(fe.key)
 				},
 				link: {
 					svg: $.link,
@@ -218,7 +219,7 @@ var X = Symbol("kun-editor-context"), be = [
 			return n;
 		});
 		return p(() => {
-			h = new V({
+			h = new H({
 				content: d.value,
 				offset: 8
 			}), h.update(r.value, o.value);
@@ -231,7 +232,7 @@ var X = Symbol("kun-editor-context"), be = [
 			ref: d,
 			class: "kun-editor__bubble",
 			"data-show": "false"
-		}, [(m(!0), i(e, null, _(x.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", Oe)) : (m(), i("button", {
+		}, [(m(!0), i(e, null, _(x.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", Ae)) : (m(), i("button", {
 			key: 1,
 			type: "button",
 			class: "kun-editor__bubble-btn",
@@ -241,9 +242,9 @@ var X = Symbol("kun-editor-context"), be = [
 		}, [a("span", {
 			class: "kun-editor__icon",
 			innerHTML: t.svg
-		}, null, 8, Ae)], 40, ke))], 64))), 128))], 512));
+		}, null, 8, Me)], 40, je))], 64))), 128))], 512));
 	}
-}), Me = /* @__PURE__ */ s({
+}), Pe = /* @__PURE__ */ s({
 	__name: "MilkdownEditor",
 	props: {
 		modelValue: {},
@@ -258,15 +259,15 @@ var X = Symbol("kun-editor-context"), be = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: r }) {
-		let i = e, a = r, o = i.modelValue, s = !1, c = M(), l = B("kunMention"), u = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!c, d = H("kunSelectionTooltip"), f = i.selectionToolbar && !!c, p = O((e) => {
-			let t = N.make().config((t) => {
-				t.set(L, e), t.set(P, i.modelValue), t.get(R).markdownUpdated((e, t, n) => {
+		let i = e, a = r, o = i.modelValue, s = !1, c = M(), l = V("kunMention"), u = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!c, d = U("kunSelectionTooltip"), f = i.selectionToolbar && !!c, p = O((e) => {
+			let t = P.make().config((t) => {
+				t.set(R, e), t.set(F, i.modelValue), t.get(z).markdownUpdated((e, t, n) => {
 					!i.active || s || t === n || (o = t, a("update:modelValue", t));
-				}), t.update(I, (e) => ({
+				}), t.update(L, (e) => ({
 					...e,
 					editable: () => !i.readonly
-				})), u && t.set(l.key, { view: c({ component: De }) }), f && t.set(d.key, { view: c({ component: je }) });
-			}).use(te(i.adapters, i.features, {
+				})), u && t.set(l.key, { view: c({ component: ke }) }), f && t.set(d.key, { view: c({ component: Ne }) });
+			}).use(K(i.adapters, i.features, {
 				locale: i.locale,
 				placeholder: i.placeholder,
 				placeholderMode: i.placeholderMode
@@ -277,41 +278,55 @@ var X = Symbol("kun-editor-context"), be = [
 			if (e === o) return;
 			o = e;
 			let t = p.get();
-			t && (s = !0, t.action(ee(e)), s = !1);
+			t && (s = !0, t.action(te(e)), s = !1);
 		}), S(() => i.readonly, () => {
 			p.get()?.action((e) => {
-				let t = e.get(F);
+				let t = e.get(I);
 				t.dispatch(t.state.tr);
 			});
 		});
 		let h = () => {
-			p.get()?.action((e) => e.get(F).focus());
+			p.get()?.action((e) => e.get(I).focus());
 		};
 		return t({
 			insertQuote: (e) => {
-				p.get()?.action(U(re.key, e)), h();
+				p.get()?.action(W(re.key, e)), h();
 			},
 			insertMention: (e) => {
-				p.get()?.action(U(ne.key, e)), h();
+				p.get()?.action(W(ne.key, e)), h();
 			},
-			focus: h
+			focus: h,
+			scrollToHeading: (e) => {
+				p.get()?.action((t) => {
+					let n = t.get(I), r = 0, i = -1;
+					if (n.state.doc.forEach((t, n) => {
+						t.type.name === "heading" && (r === e && (i = n), r += 1);
+					}), !(i < 0) && (n.nodeDOM(i)?.scrollIntoView({
+						behavior: "smooth",
+						block: "start"
+					}), n.editable)) {
+						let e = G.near(n.state.doc.resolve(i + 1));
+						n.dispatch(n.state.tr.setSelection(e)), n.focus();
+					}
+				});
+			}
 		}), (e, t) => (m(), n(b(E)));
 	}
-}), Ne = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Pe = [
+}), Fe = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Ie = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], Fe = ["innerHTML"], Ie = { class: "kun-editor__picker-panel" }, Le = {
+], Le = ["innerHTML"], Re = { class: "kun-editor__picker-panel" }, ze = {
 	key: 0,
 	class: "kun-editor__picker-tabs",
 	role: "tablist"
-}, Re = ["data-active"], ze = ["data-active"], Be = { class: "kun-editor__emoji-grid" }, Ve = ["onClick"], He = {
+}, Be = ["data-active"], Ve = ["data-active"], He = { class: "kun-editor__emoji-grid" }, Ue = ["onClick"], We = {
 	key: 1,
 	class: "kun-editor__sticker-body"
-}, Ue = { class: "kun-editor__pack-name" }, We = { class: "kun-editor__sticker-grid" }, Ge = ["title", "onClick"], Ke = ["src", "alt"], qe = {
+}, Ge = { class: "kun-editor__pack-name" }, Ke = { class: "kun-editor__sticker-grid" }, qe = ["title", "onClick"], Je = ["src", "alt"], Ye = {
 	key: 1,
 	class: "kun-editor__picker-hint"
-}, Je = /* @__PURE__ */ s({
+}, Xe = /* @__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 ? {
@@ -343,11 +358,11 @@ var X = Symbol("kun-editor-context"), be = [
 		p(() => document.addEventListener("click", j)), f(() => document.removeEventListener("click", j));
 		let M = (e) => {
 			o()?.action((t) => {
-				let n = t.get(F), { state: r } = n;
+				let n = t.get(I), { state: r } = n;
 				n.dispatch(r.tr.insertText(e, r.selection.from));
 			});
 		}, N = (e, t) => {
-			o()?.action(U(ue.key, {
+			o()?.action(W(ue.key, {
 				src: e,
 				title: t,
 				alt: t
@@ -367,28 +382,28 @@ var X = Symbol("kun-editor-context"), be = [
 		}, [a("span", {
 			class: "kun-editor__icon",
 			innerHTML: b($).smile
-		}, null, 8, Fe)], 8, Pe), w(a("div", Ie, [
-			u ? (m(), i("div", Le, [a("button", {
+		}, null, 8, Le)], 8, Ie), w(a("div", Re, [
+			u ? (m(), i("div", ze, [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, Re), a("button", {
+			}, y(h.value.emoji), 9, Be), 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, ze)])) : r("", !0),
-			w(a("div", Be, [(m(!0), i(e, null, _(b(Ne), (e, t) => (m(), i("button", {
+			}, y(h.value.sticker), 9, Ve)])) : r("", !0),
+			w(a("div", He, [(m(!0), i(e, null, _(b(Fe), (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__emoji",
 				onClick: (t) => M(e)
-			}, y(e), 9, Ve))), 128))], 512), [[x, !u || C.value === "emoji"]]),
-			u ? w((m(), i("div", He, [T.value.length ? (m(!0), i(e, { key: 0 }, _(T.value, (t) => (m(), i("div", {
+			}, y(e), 9, Ue))), 128))], 512), [[x, !u || C.value === "emoji"]]),
+			u ? w((m(), i("div", We, [T.value.length ? (m(!0), i(e, { key: 0 }, _(T.value, (t) => (m(), i("div", {
 				key: t.name,
 				class: "kun-editor__pack"
-			}, [a("div", Ue, y(t.name), 1), a("div", We, [(m(!0), i(e, null, _(t.stickers, (e, t) => (m(), i("button", {
+			}, [a("div", Ge, y(t.name), 1), a("div", Ke, [(m(!0), i(e, null, _(t.stickers, (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__sticker",
@@ -398,28 +413,28 @@ var X = Symbol("kun-editor-context"), be = [
 				src: e.src,
 				alt: e.name,
 				loading: "lazy"
-			}, null, 8, Ke)], 8, Ge))), 128))])]))), 128)) : (m(), i("div", qe, y(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[x, C.value === "sticker"]]) : r("", !0)
+			}, null, 8, Je)], 8, qe))), 128))])]))), 128)) : (m(), i("div", Ye, y(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[x, C.value === "sticker"]]) : r("", !0)
 		], 512), [[x, v.value]])], 512));
 	}
-}), Ye = {
+}), Ze = {
 	class: "kun-editor__format-toolbar",
 	role: "toolbar"
-}, Xe = ["aria-label"], Ze = {
+}, Qe = ["aria-label"], $e = {
 	value: "",
 	disabled: "",
 	selected: ""
-}, Qe = ["value"], $e = [
+}, et = ["value"], tt = [
 	"title",
 	"aria-label",
 	"onClick"
-], et = ["innerHTML"], tt = ["title", "aria-label"], nt = ["innerHTML"], rt = /* @__PURE__ */ s({
+], nt = ["innerHTML"], rt = ["title", "aria-label"], it = ["innerHTML"], at = /* @__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) => {
-			s()?.action(U(e, t));
+			s()?.action(W(e, t));
 		}, h = () => {
 			let e = window.prompt(f.value ? "Link URL" : "链接 URL")?.trim();
-			e && p(G.key, { href: e });
+			e && p(J.key, { href: e });
 		}, v = t(() => {
 			let e = f.value;
 			return {
@@ -459,22 +474,22 @@ var X = Symbol("kun-editor-context"), be = [
 				{
 					svg: $.bold,
 					title: v.value.bold,
-					run: () => p(fe.key)
+					run: () => p(pe.key)
 				},
 				{
 					svg: $.italic,
 					title: v.value.italic,
-					run: () => p(q.key)
+					run: () => p(de.key)
 				},
 				{
 					svg: $.strike,
 					title: v.value.strike,
-					run: () => p(J.key)
+					run: () => p(_e.key)
 				},
 				{
 					svg: $.code,
 					title: v.value.code,
-					run: () => p(de.key)
+					run: () => p(fe.key)
 				},
 				{
 					svg: $.link,
@@ -486,17 +501,17 @@ var X = Symbol("kun-editor-context"), be = [
 				{
 					svg: $.bulletList,
 					title: v.value.bulletList,
-					run: () => p(me.key)
+					run: () => p(he.key)
 				},
 				{
 					svg: $.orderedList,
 					title: v.value.orderedList,
-					run: () => p(he.key)
+					run: () => p(ge.key)
 				},
 				{
 					svg: $.quote,
 					title: v.value.quote,
-					run: () => p(pe.key)
+					run: () => p(me.key)
 				},
 				{
 					svg: $.codeBlock,
@@ -512,29 +527,29 @@ var X = Symbol("kun-editor-context"), be = [
 			[{
 				svg: $.spoiler,
 				title: v.value.spoiler,
-				run: () => p(W.key)
+				run: () => p(q.key)
 			}]
 		]), w = g(null), T = () => w.value?.click(), E = (e) => {
 			let t = e.target, n = t.files?.[0];
 			t.value = "";
 			let r = u.value;
 			!n || !r || s()?.action((e) => {
-				K(e.get(F), n, {
+				se(e.get(I), n, {
 					uploadImage: r,
 					notify: c?.adapters.notify,
 					locale: c?.locale
 				});
 			});
 		};
-		return (t, n) => (m(), i("div", Ye, [
+		return (t, n) => (m(), i("div", Ze, [
 			a("select", {
 				class: "kun-editor__heading-select",
 				"aria-label": v.value.textSize,
 				onChange: S
-			}, [a("option", Ze, y(v.value.textSize), 1), (m(!0), i(e, null, _(x.value, (e) => (m(), i("option", {
+			}, [a("option", $e, y(v.value.textSize), 1), (m(!0), i(e, null, _(x.value, (e) => (m(), i("option", {
 				key: e.level,
 				value: e.level
-			}, y(e.label), 9, Qe))), 128))], 40, Xe),
+			}, y(e.label), 9, et))), 128))], 40, Qe),
 			(m(!0), i(e, null, _(C.value, (t, r) => (m(), i(e, { key: r }, [n[0] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
@@ -548,7 +563,7 @@ var X = Symbol("kun-editor-context"), be = [
 			}, [a("span", {
 				class: "kun-editor__icon",
 				innerHTML: e.svg
-			}, null, 8, et)], 8, $e))), 128))], 64))), 128)),
+			}, null, 8, nt)], 8, tt))), 128))], 64))), 128)),
 			u.value ? (m(), i(e, { key: 0 }, [
 				n[1] ||= a("span", {
 					class: "kun-editor__toolbar-divider",
@@ -563,7 +578,7 @@ var X = Symbol("kun-editor-context"), be = [
 				}, [a("span", {
 					class: "kun-editor__icon",
 					innerHTML: b($).image
-				}, null, 8, nt)], 8, tt),
+				}, null, 8, it)], 8, rt),
 				a("input", {
 					ref_key: "fileInput",
 					ref: w,
@@ -576,28 +591,28 @@ var X = Symbol("kun-editor-context"), be = [
 			d.value ? (m(), i(e, { key: 1 }, [n[2] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
-			}, null, -1), o(Je)], 64)) : r("", !0)
+			}, null, -1), o(Xe)], 64)) : r("", !0)
 		]));
 	}
-}), it = /* @__PURE__ */ s({
+}), ot = /* @__PURE__ */ s({
 	__name: "ToolbarHost",
 	setup(e) {
 		let [, t] = k(), n = l(X, void 0), r = (e, n) => {
-			t()?.action(U(e, n));
+			t()?.action(W(e, n));
 		}, i = () => {
-			t()?.action((e) => e.get(F).focus());
+			t()?.action((e) => e.get(I).focus());
 		}, a = {
 			run: r,
 			insertText: (e) => {
 				t()?.action((t) => {
-					let n = t.get(F);
+					let n = t.get(I);
 					n.dispatch(n.state.tr.insertText(e));
 				}), i();
 			},
 			uploadImage: (e) => {
 				let r = n?.adapters.uploadImage, i = t();
 				!r || !i || i.action((t) => {
-					K(t.get(F), e, {
+					se(t.get(I), e, {
 						uploadImage: r,
 						notify: n?.adapters.notify,
 						locale: n?.locale
@@ -605,7 +620,7 @@ var X = Symbol("kun-editor-context"), be = [
 				});
 			},
 			insertLink: (e) => {
-				r(G.key, e), i();
+				r(J.key, e), i();
 			},
 			insertQuote: (e) => {
 				r(re.key, e), i();
@@ -626,68 +641,91 @@ var X = Symbol("kun-editor-context"), be = [
 		};
 		return (e, t) => v(e.$slots, "default", d(c(a)));
 	}
-}), at = /* @__PURE__ */ s({
+}), st = /* @__PURE__ */ s({
 	__name: "MarkdownSource",
 	props: {
 		modelValue: {},
 		readonly: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, r = t, a = g(null), o = null, s = ge.define(), c = (e) => _e.create({
+	setup(e, { expose: t, emit: n }) {
+		let r = e, a = n, o = g(null), s = null, c = ve.define(), l = (e) => ye.create({
 			doc: e,
 			extensions: [
 				ie(),
 				Y.lineWrapping,
-				ye,
-				ve(),
-				Y.editable.of(!n.readonly),
+				xe,
+				be(),
+				Y.editable.of(!r.readonly),
 				Y.updateListener.of((e) => {
-					e.docChanged && !e.transactions.some((e) => e.annotation(s)) && r("update:modelValue", e.state.doc.toString());
+					e.docChanged && !e.transactions.some((e) => e.annotation(c)) && a("update:modelValue", e.state.doc.toString());
 				})
 			]
 		});
-		return p(() => {
-			a.value && (o = new Y({
-				state: c(n.modelValue),
-				parent: a.value
+		p(() => {
+			o.value && (s = new Y({
+				state: l(r.modelValue),
+				parent: o.value
 			}));
 		}), f(() => {
-			o?.destroy(), o = null;
-		}), S(() => n.modelValue, (e) => {
-			if (!o || o.state.doc.toString() === e) return;
-			let { anchor: t, head: n } = o.state.selection.main, r = e.length;
-			o.dispatch({
+			s?.destroy(), s = null;
+		});
+		let u = /^\s{0,3}(?:```|~~~)/, d = /^ {0,3}#{1,6}\s+/;
+		return t({ scrollToHeading: (e) => {
+			if (!s) return;
+			let { doc: t } = s.state, n = 0, r = !1, i = -1;
+			for (let a = 1; a <= t.lines; a += 1) {
+				let o = t.line(a);
+				if (u.test(o.text)) {
+					r = !r;
+					continue;
+				}
+				if (!r && d.test(o.text)) {
+					if (n === e) {
+						i = o.from;
+						break;
+					}
+					n += 1;
+				}
+			}
+			i < 0 || (s.dispatch({
+				selection: { anchor: i },
+				scrollIntoView: !0
+			}), s.focus());
+		} }), S(() => r.modelValue, (e) => {
+			if (!s || s.state.doc.toString() === e) return;
+			let { anchor: t, head: n } = s.state.selection.main, r = e.length;
+			s.dispatch({
 				changes: {
 					from: 0,
-					to: o.state.doc.length,
+					to: s.state.doc.length,
 					insert: e
 				},
 				selection: {
 					anchor: Math.min(t, r),
 					head: Math.min(n, r)
 				},
-				annotations: s.of(!0)
+				annotations: c.of(!0)
 			});
 		}), (e, t) => (m(), i("div", {
 			ref_key: "host",
-			ref: a,
+			ref: o,
 			class: "kun-editor__source"
 		}, null, 512));
 	}
-}), ot = ["data-mode"], st = {
+}), ct = ["data-mode"], lt = {
 	key: 0,
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, ct = [
+}, ut = [
 	"aria-selected",
 	"data-active",
 	"onClick"
-], lt = ["title", "aria-label"], ut = [
+], dt = ["title", "aria-label"], ft = [
 	"data-active",
 	"title",
 	"aria-pressed"
-], dt = ["data-swap"], ft = { class: "kun-editor__wysiwyg kun-editor__pane" }, pt = /* @__PURE__ */ s({
+], pt = ["data-swap"], mt = { class: "kun-editor__wysiwyg kun-editor__pane" }, ht = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -714,7 +752,7 @@ var X = Symbol("kun-editor-context"), be = [
 			default: !0
 		}
 	},
-	emits: ["update:modelValue"],
+	emits: ["update:modelValue", "update:headings"],
 	setup(s, { expose: l, emit: p }) {
 		let T = [
 			"bold",
@@ -723,7 +761,7 @@ var X = Symbol("kun-editor-context"), be = [
 			"code",
 			"link"
 		], E = s, O = p;
-		h(X, {
+		S(() => E.modelValue, (e) => O("update:headings", ee(e)), { immediate: !0 }), h(X, {
 			get adapters() {
 				return E.adapters;
 			},
@@ -765,7 +803,7 @@ var X = Symbol("kun-editor-context"), be = [
 			scrollSync: "同步滚动"
 		}), z = g(null), B = null, V = null, H = null, U = () => {
 			B?.(), B = null, V = null;
-		}, ee = () => {
+		}, W = () => {
 			U();
 			let e = z.value;
 			if (!e) return;
@@ -784,13 +822,16 @@ var X = Symbol("kun-editor-context"), be = [
 			};
 		};
 		S([j, F], ([e, t]) => {
-			U(), e === "split" && t && u(ee);
+			U(), e === "split" && t && u(W);
 		}), f(U);
-		let te = t(() => E.readonly || j.value === "split"), W = (e) => O("update:modelValue", e), G = g(null);
+		let te = t(() => E.readonly || j.value === "split"), G = (e) => O("update:modelValue", e), K = g(null), q = g(null);
 		return l({
-			insertQuote: (e) => G.value?.insertQuote(e),
-			insertMention: (e) => G.value?.insertMention(e),
-			focus: () => G.value?.focus()
+			insertQuote: (e) => K.value?.insertQuote(e),
+			insertMention: (e) => K.value?.insertMention(e),
+			focus: () => K.value?.focus(),
+			scrollToHeading: (e) => {
+				j.value === "source" || j.value === "split" ? q.value?.scrollToHeading(e) : K.value?.scrollToHeading(e);
+			}
 		}), (t, l) => (m(), i("div", {
 			ref_key: "rootEl",
 			ref: z,
@@ -806,43 +847,45 @@ var X = Symbol("kun-editor-context"), be = [
 			swap: P,
 			scrollSync: F.value,
 			toggleScrollSync: I
-		}, () => [s.views.length > 1 ? (m(), i("div", st, [(m(!0), i(e, null, _(s.views, (e) => (m(), i("button", {
+		}, () => [s.views.length > 1 ? (m(), i("div", lt, [(m(!0), i(e, null, _(s.views, (e) => (m(), i("button", {
 			key: e,
 			type: "button",
 			class: "kun-editor__tab",
 			"aria-selected": j.value === e,
 			"data-active": j.value === e,
 			onClick: (t) => M(e)
-		}, y(R.value[e]), 9, ct))), 128)), j.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
+		}, y(R.value[e]), 9, ut))), 128)), j.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
 			type: "button",
 			class: "kun-editor__tab kun-editor__swap",
 			title: R.value.swap,
 			"aria-label": R.value.swap,
 			onClick: l[0] ||= (e) => P()
-		}, " ⇄ ", 8, lt), a("button", {
+		}, " ⇄ ", 8, dt), a("button", {
 			type: "button",
 			class: "kun-editor__tab",
 			"data-active": F.value,
 			title: R.value.scrollSync,
 			"aria-pressed": F.value,
 			onClick: l[1] ||= (e) => I()
-		}, y(R.value.scrollSync), 9, ut)], 64)) : r("", !0)])) : r("", !0)]), o(b(D), null, {
+		}, y(R.value.scrollSync), 9, ft)], 64)) : r("", !0)])) : r("", !0)]), o(b(D), null, {
 			default: C(() => [o(b(A), null, {
-				default: C(() => [w(a("div", null, [o(it, null, {
-					default: C((e) => [v(t.$slots, "toolbar", d(c(e)), () => [o(rt)])]),
+				default: C(() => [w(a("div", null, [o(ot, null, {
+					default: C((e) => [v(t.$slots, "toolbar", d(c(e)), () => [o(at)])]),
 					_: 3
 				})], 512), [[x, j.value === "wysiwyg" && !s.readonly]]), a("div", {
 					class: "kun-editor__panes",
 					"data-swap": N.value
-				}, [j.value === "source" || j.value === "split" ? (m(), n(at, {
+				}, [j.value === "source" || j.value === "split" ? (m(), n(st, {
 					key: 0,
+					ref_key: "source",
+					ref: q,
 					class: "kun-editor__pane",
 					"model-value": s.modelValue,
 					readonly: s.readonly,
-					"onUpdate:modelValue": W
-				}, null, 8, ["model-value", "readonly"])) : r("", !0), w(a("div", ft, [o(Me, {
+					"onUpdate:modelValue": G
+				}, null, 8, ["model-value", "readonly"])) : r("", !0), w(a("div", mt, [o(Pe, {
 					ref_key: "inner",
-					ref: G,
+					ref: K,
 					"model-value": s.modelValue,
 					adapters: s.adapters,
 					features: s.features,
@@ -852,7 +895,7 @@ var X = Symbol("kun-editor-context"), be = [
 					"placeholder-mode": s.placeholderMode,
 					active: j.value === "wysiwyg" && !s.readonly,
 					"selection-toolbar": k.value,
-					"onUpdate:modelValue": W
+					"onUpdate:modelValue": G
 				}, null, 8, [
 					"model-value",
 					"adapters",
@@ -863,14 +906,14 @@ var X = Symbol("kun-editor-context"), be = [
 					"placeholder-mode",
 					"active",
 					"selection-toolbar"
-				])], 512), [[x, j.value === "wysiwyg" || j.value === "split"]])], 8, dt)]),
+				])], 512), [[x, j.value === "wysiwyg" || j.value === "split"]])], 8, pt)]),
 				_: 3
 			})]),
 			_: 3
-		})], 8, ot));
+		})], 8, ct));
 	}
-}), mt = { install(e) {
-	e.component("KunEditor", pt);
+}), gt = { install(e) {
+	e.component("KunEditor", ht);
 } };
 //#endregion
-export { Ne as EMOJI, pt as KunEditor, mt as KunEditorPlugin };
+export { Fe as EMOJI, ht as KunEditor, gt as KunEditorPlugin, N as parseHeadings };

package/dist/types.d.ts

@@ -83,5 +83,11 @@ export interface KunEditorExpose {
     }): void;
     /** Focus the WYSIWYG editor. */
     focus(): void;
+    /**
+     * Scroll to the index-th heading (matching the `update:headings` outline order)
+     * in the active view, placing the caret there when editable. Powers a
+     * host-rendered table of contents.
+     */
+    scrollToHeading(index: number): void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-vue",
-  "version": "0.26.0",
+  "version": "0.27.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.26.0"
+    "@kungal/editor-core": "0.27.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.26.0"
+    "@kungal/editor-core": "0.27.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json",