@kungal/editor-vue 0.31.1 → 0.32.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @kungal/editor-vue
 
+## 0.32.0
+
+### Minor Changes
+
+- 7dd7f71: Show an active state on the toolbar's toggle marks (bold / italic /
+  strikethrough / inline code).
+
+  The toolbar buttons ran the toggle commands but never reflected whether the
+  mark was on, so a user could not tell if bold (etc.) was engaged. The
+  `#toolbar` slot API now exposes a reactive `activeMarks` map (bold / italic /
+  strike / code), recomputed from the ProseMirror selection on selection and doc
+  changes and immediately after each command. `<KunEditorToolbar>` renders the
+  pressed buttons with the primary "active" look (same as hover) and sets
+  `aria-pressed`; the headless `EditorToolbar` sets `data-active` for the
+  `.kun-editor__tool[data-active='true']` style.
+
+### Patch Changes
+
+- Updated dependencies [35bc140]
+  - @kungal/editor-core@0.32.0
+
 ## 0.31.1
 
 ### Patch Changes

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

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

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

@@ -54,6 +54,7 @@ declare var __VLS_1: {
     toggleScrollSync: () => void;
 }, __VLS_22: {
     run: <T>(key: import("@milkdown/kit/core").CmdKey<T>, payload?: T) => void;
+    activeMarks: Readonly<Record<import("../types").KunToggleMark, boolean>>;
     insertText: (text: string) => void;
     uploadImage: (file: File) => void;
     insertImage: (payload: {

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":"AAsbA,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;AAgfJ,QAAA,IAAI,OAAO;;iBAzZS,QAAQ;;;;;;;;;;;;;CAyZP,EAAE,QAAQ;iEAtjB/B,CAzY4C;;;;;WAyY5C,CAjX8B;aAiX9B,CAjX8C;;;;YAiX9C,CA5WyB;;;;;;;;;;;;;;CAk6BiB,EAA4C,QAAQ,IAAY,CAAE;AAC5G,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,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAShD,QAAA,MAAM,UAAU;;;;;;;;;cA5hBD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;qBAMF,KAAK,GAAG,OAAO;sBAgBd,OAAO,GAAG,gBAAgB,EAAE;WAVvC,QAAQ,EAAE;gBAGL,OAAO;6EA0gBtB,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":"AAsbA,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;AAgfJ,QAAA,IAAI,OAAO;;iBAzZS,QAAQ;;;;;;;;;;;;;CAyZP,EAAE,QAAQ;iEAtjB/B,CAzXA;;;;;;WAyXA,CAnWiD;aAmWjD,CAnWiE;;;;YAmWjE,CA9V8B;;;;;;;;;;;;;;CAo5BY,EAA4C,QAAQ,IAAY,CAAE;AAC5G,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,GAC7C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAShD,QAAA,MAAM,UAAU;;;;;;;;;cA5hBD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;qBAMF,KAAK,GAAG,OAAO;sBAgBd,OAAO,GAAG,gBAAgB,EAAE;WAVvC,QAAQ,EAAE;gBAGL,OAAO;6EA0gBtB,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/ToolbarHost.vue.d.ts

@@ -1,6 +1,7 @@
 import type { CmdKey } from '@milkdown/kit/core';
 declare var __VLS_1: {
     run: <T>(key: CmdKey<T>, payload?: T) => void;
+    activeMarks: Readonly<Record<import("..").KunToggleMark, boolean>>;
     insertText: (text: string) => void;
     uploadImage: (file: File) => void;
     insertImage: (payload: {

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":"AAyGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAuGhD,QAAA,IAAI,OAAO;oCAxGX,CAvEmB;;;;;WAuEnB,CA9CE;aA8CF,CA9CkB;;;;YA8ClB,CAtCc;;;;;;;;;;;;;;CA8IQ,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":"AAgHA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AA8GhD,QAAA,IAAI,OAAO;oCA/GX,CAzEkC;;;;;;WAyElC,CAjCgC;aAiChC,CA/BM;;;;YA+BN,CAjBI;;;;;;;;;;;;;;CAgIkB,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/composables/useActiveMarks.d.ts

@@ -0,0 +1,10 @@
+export declare const useActiveMarks: () => {
+    activeMarks: {
+        bold: boolean;
+        italic: boolean;
+        strike: boolean;
+        code: boolean;
+    };
+    refresh: () => void;
+};
+//# sourceMappingURL=useActiveMarks.d.ts.map

package/dist/composables/useActiveMarks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveMarks.d.ts","sourceRoot":"","sources":["../../src/composables/useActiveMarks.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,cAAc;;;;;;;mBAUL,IAAI;CA8BzB,CAAA"}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export type { KunEditorExpose } from './types';
 export type { KunEditorToolbarApi } from './types';
 export type { KunToolbarItem } from './types';
 export type { KunSelectionItem } from './types';
+export type { KunToggleMark } from './types';
 export type { KunEditorViewSwitchApi } from './types';
 export { EMOJI } from './emoji';
 export type { KunHeading } 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,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"}
+{"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,aAAa,EAAE,MAAM,SAAS,CAAA;AAG5C,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,38 +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 { parseHeadings as N, parseHeadings as ee } from "@kungal/editor-core";
-import { Editor as te, defaultValueCtx as P, editorViewCtx as F, editorViewOptionsCtx as I, rootCtx as L } from "@milkdown/kit/core";
+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, reactive as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, vShow as S, watch as C, withCtx as w, withDirectives as T, withModifiers as E } from "vue";
+import { Milkdown as D, MilkdownProvider as O, useEditor as k, useInstance as A } from "@milkdown/vue";
+import { ProsemirrorAdapterProvider as j, usePluginViewContext as M, usePluginViewFactory as N } from "@prosemirror-adapter/vue";
+import { parseHeadings as ee, parseHeadings as te } from "@kungal/editor-core";
+import { Editor as P, defaultValueCtx as F, editorViewCtx as I, editorViewOptionsCtx as ne, rootCtx as L } from "@milkdown/kit/core";
 import { listenerCtx as R } from "@milkdown/kit/plugin/listener";
-import { SlashProvider as z, slashFactory as ne } from "@milkdown/kit/plugin/slash";
-import { TooltipProvider as B, tooltipFactory as re } from "@milkdown/kit/plugin/tooltip";
-import { callCommand as V, replaceAll as H } from "@milkdown/kit/utils";
-import { TextSelection as U } from "@milkdown/kit/prose/state";
-import { createCodeBlockCommand as W, insertHrCommand as ie, insertImageCommand as G, toggleEmphasisCommand as K, toggleInlineCodeCommand as q, toggleStrongCommand as J, wrapInBlockquoteCommand as ae, wrapInBulletListCommand as oe, wrapInOrderedListCommand as se } from "@milkdown/kit/preset/commonmark";
-import { createKunEditorPlugins as ce, insertKunSpoilerCommand as le, insertLinkCommand as ue, insertMentionCommand as de, insertQuoteCommand as fe, kunCM as pe, mentionId as me, setHeadingCommand as he, startImageUpload as ge } from "@kungal/editor-core/preset";
-import { toggleStrikethroughCommand as _e } from "@milkdown/kit/preset/gfm";
-import { Annotation as ve, EditorState as ye } from "@codemirror/state";
+import { SlashProvider as re, slashFactory as z } from "@milkdown/kit/plugin/slash";
+import { TooltipProvider as B, tooltipFactory as V } from "@milkdown/kit/plugin/tooltip";
+import { callCommand as H, replaceAll as U } from "@milkdown/kit/utils";
+import { TextSelection as W } from "@milkdown/kit/prose/state";
+import { createCodeBlockCommand as ie, emphasisSchema as ae, inlineCodeSchema as G, insertHrCommand as K, insertImageCommand as q, strongSchema as oe, toggleEmphasisCommand as se, toggleInlineCodeCommand as ce, toggleStrongCommand as le, wrapInBlockquoteCommand as ue, wrapInBulletListCommand as de, wrapInOrderedListCommand as fe } from "@milkdown/kit/preset/commonmark";
+import { createKunEditorPlugins as pe, insertKunSpoilerCommand as me, insertLinkCommand as J, insertMentionCommand as he, insertQuoteCommand as ge, kunCM as _e, mentionId as ve, setHeadingCommand as ye, startImageUpload as be } from "@kungal/editor-core/preset";
+import { strikethroughSchema as xe, toggleStrikethroughCommand as Se } from "@milkdown/kit/preset/gfm";
+import { Annotation as Ce, EditorState as we } from "@codemirror/state";
 import { EditorView as Y } from "@codemirror/view";
-import { markdown as be } from "@codemirror/lang-markdown";
-import { basicSetup as xe } from "codemirror";
+import { markdown as Te } from "@codemirror/lang-markdown";
+import { basicSetup as Ee } from "codemirror";
 //#region src/context.ts
-var X = Symbol("kun-editor-context"), Se = [
+var X = Symbol("kun-editor-context"), De = [
 	"data-active",
 	"onMousedown",
 	"onMouseenter"
-], Ce = ["src", "alt"], we = {
+], Oe = ["src", "alt"], ke = {
 	key: 1,
 	class: "kun-mention-dropdown__avatar kun-mention-dropdown__avatar--fallback"
-}, Te = { class: "kun-mention-dropdown__name" }, Ee = {
+}, Ae = { class: "kun-mention-dropdown__name" }, je = {
 	key: 1,
 	class: "kun-mention-dropdown__hint"
-}, De = {
+}, Me = {
 	key: 2,
 	class: "kun-mention-dropdown__hint"
-}, Oe = {
+}, Ne = {
 	key: 3,
 	class: "kun-mention-dropdown__hint"
-}, ke = /* @__PURE__ */ s({
+}, Pe = /* @__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 ? {
@@ -43,8 +43,8 @@ var X = Symbol("kun-editor-context"), Se = [
 			searching: "搜索中…",
 			empty: "无匹配用户",
 			prompt: "输入用户名以搜索"
-		}), { view: d, prevState: h } = j(), v = g(null), b, x = g(!1), C = g(""), w = g([]), E = g(0), D = g(!1), O = null, k = 0, A = null, M = () => {
-			A &&= (clearTimeout(A), null), C.value = "", w.value = [], E.value = 0, D.value = !1, O = null;
+		}), { view: d, prevState: h } = M(), g = _(null), y, x = _(!1), S = _(""), w = _([]), T = _(0), D = _(!1), O = null, k = 0, A = null, j = () => {
+			A &&= (clearTimeout(A), null), S.value = "", w.value = [], T.value = 0, D.value = !1, O = null;
 		}, N = (e) => {
 			if (A &&= (clearTimeout(A), null), !e || !s) {
 				w.value = [], D.value = !1;
@@ -57,7 +57,7 @@ var X = Symbol("kun-editor-context"), Se = [
 				} catch {
 					n = [];
 				}
-				t === k && (w.value = n ?? [], E.value = 0, D.value = !1);
+				t === k && (w.value = n ?? [], T.value = 0, D.value = !1);
 			}, 180);
 		}, ee = (e) => {
 			let { selection: t } = e.state;
@@ -71,74 +71,74 @@ var X = Symbol("kun-editor-context"), Se = [
 			return O = {
 				from: n - (t.length + 1),
 				to: n
-			}, t !== C.value && (C.value = t, N(t)), !0;
+			}, t !== S.value && (S.value = t, N(t)), !0;
 		}, P = (e) => {
 			let t = d.value;
 			if (!t || !O) return;
-			let n = t.state.schema.nodes[me];
+			let n = t.state.schema.nodes[ve];
 			if (!n) return;
 			let r = n.create({
 				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(U.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), b.hide();
+			o.insertText(" ", s), o.setSelection(W.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), y.hide();
 		}, F = (e) => {
 			if (!x.value || !w.value.length) {
-				x.value && e.key === "Escape" && (e.preventDefault(), b.hide());
+				x.value && e.key === "Escape" && (e.preventDefault(), y.hide());
 				return;
 			}
 			let t = w.value.length - 1;
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), e.stopPropagation(), E.value = E.value >= t ? 0 : E.value + 1;
+					e.preventDefault(), e.stopPropagation(), T.value = T.value >= t ? 0 : T.value + 1;
 					break;
 				case "ArrowUp":
-					e.preventDefault(), e.stopPropagation(), E.value = E.value <= 0 ? t : E.value - 1;
+					e.preventDefault(), e.stopPropagation(), T.value = T.value <= 0 ? t : T.value - 1;
 					break;
 				case "Enter":
 				case "Tab": {
-					let t = w.value[E.value];
+					let t = w.value[T.value];
 					t && (e.preventDefault(), e.stopPropagation(), P(t));
 					break;
 				}
 				case "Escape":
-					e.preventDefault(), e.stopPropagation(), b.hide();
+					e.preventDefault(), e.stopPropagation(), y.hide();
 					break;
 			}
 		};
 		return p(() => {
-			b = new z({
-				content: v.value,
+			y = new re({
+				content: g.value,
 				trigger: "@",
 				shouldShow: te,
 				debounce: 0
-			}), b.onShow = () => {
+			}), y.onShow = () => {
 				x.value = !0;
-			}, b.onHide = () => {
-				x.value = !1, M();
-			}, b.update(d.value, h.value), window.addEventListener("keydown", F, !0);
-		}), S([d, h], () => {
-			b?.update(d.value, h.value);
+			}, y.onHide = () => {
+				x.value = !1, j();
+			}, y.update(d.value, h.value), window.addEventListener("keydown", F, !0);
+		}), C([d, h], () => {
+			y?.update(d.value, h.value);
 		}), f(() => {
-			A && clearTimeout(A), window.removeEventListener("keydown", F, !0), b?.destroy();
+			A && clearTimeout(A), window.removeEventListener("keydown", F, !0), y?.destroy();
 		}), (t, n) => (m(), i("div", {
 			ref_key: "divRef",
-			ref: v,
+			ref: g,
 			class: "kun-mention-dropdown",
 			"data-show": "false"
-		}, [w.value.length ? (m(!0), i(e, { key: 0 }, _(w.value, (e, t) => (m(), i("button", {
+		}, [w.value.length ? (m(!0), i(e, { key: 0 }, v(w.value, (e, t) => (m(), i("button", {
 			key: e.id,
 			type: "button",
 			class: "kun-mention-dropdown__item",
-			"data-active": t === E.value,
-			onMousedown: T((t) => P(e), ["prevent"]),
-			onMouseenter: (e) => E.value = t
+			"data-active": t === T.value,
+			onMousedown: E((t) => P(e), ["prevent"]),
+			onMouseenter: (e) => T.value = t
 		}, [e.avatar ? (m(), i("img", {
 			key: 0,
 			src: e.avatar,
 			alt: e.name,
 			class: "kun-mention-dropdown__avatar"
-		}, 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));
+		}, null, 8, Oe)) : (m(), i("span", ke, b(e.name.charAt(0)), 1)), a("span", Ae, b(e.name), 1)], 40, De))), 128)) : D.value ? (m(), i("div", je, b(u.value.searching), 1)) : S.value ? (m(), i("div", Me, b(u.value.empty), 1)) : (m(), i("div", Ne, b(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\"/>"),
@@ -158,47 +158,47 @@ var X = Symbol("kun-editor-context"), Se = [
 	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\"/>")
-}, Ae = {
+}, Fe = {
 	key: 0,
 	class: "kun-editor__toolbar-divider",
 	"aria-hidden": "true"
-}, je = [
+}, Ie = [
 	"title",
 	"aria-label",
 	"onMousedown"
-], Me = ["innerHTML"], Ne = /* @__PURE__ */ s({
+], Le = ["innerHTML"], Re = /* @__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(V(e, t));
+		let { view: r, prevState: o } = M(), [, s] = A(), c = l(X), u = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), d = _(null), h, g = (e, t) => {
+			s()?.action(H(e, t));
 		}, y = async () => {
 			let e = r.value, { from: t, to: n } = e?.state.selection ?? {
 				from: 0,
 				to: 0
 			}, i = e ? e.state.doc.textBetween(t, n, " ") : "", a = c?.adapters.linkPrompt, o = (a ? await a({ text: i }) : window.prompt(u.value ? "Link URL" : "链接 URL"))?.trim();
-			o && v(ue.key, { href: o });
+			o && g(J.key, { href: o });
 		}, b = t(() => {
 			let e = u.value;
 			return {
 				bold: {
 					svg: $.bold,
 					title: e ? "Bold" : "加粗",
-					run: () => v(J.key)
+					run: () => g(le.key)
 				},
 				italic: {
 					svg: $.italic,
 					title: e ? "Italic" : "斜体",
-					run: () => v(K.key)
+					run: () => g(se.key)
 				},
 				strike: {
 					svg: $.strike,
 					title: e ? "Strikethrough" : "删除线",
-					run: () => v(_e.key)
+					run: () => g(Se.key)
 				},
 				code: {
 					svg: $.code,
 					title: e ? "Inline code" : "行内代码",
-					run: () => v(q.key)
+					run: () => g(ce.key)
 				},
 				link: {
 					svg: $.link,
@@ -226,7 +226,7 @@ var X = Symbol("kun-editor-context"), Se = [
 				content: d.value,
 				offset: 8
 			}), h.update(r.value, o.value);
-		}), S([r, o], () => {
+		}), C([r, o], () => {
 			h?.update(r.value, o.value);
 		}), f(() => {
 			h?.destroy();
@@ -235,19 +235,19 @@ var X = Symbol("kun-editor-context"), Se = [
 			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", Ae)) : (m(), i("button", {
+		}, [(m(!0), i(e, null, v(x.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", Fe)) : (m(), i("button", {
 			key: 1,
 			type: "button",
 			class: "kun-editor__bubble-btn",
 			title: t.title,
 			"aria-label": t.title,
-			onMousedown: T((e) => t.run(), ["prevent"])
+			onMousedown: E((e) => t.run(), ["prevent"])
 		}, [a("span", {
 			class: "kun-editor__icon",
 			innerHTML: t.svg
-		}, null, 8, Me)], 40, je))], 64))), 128))], 512));
+		}, null, 8, Le)], 40, Ie))], 64))), 128))], 512));
 	}
-}), Pe = /* @__PURE__ */ s({
+}), ze = /* @__PURE__ */ s({
 	__name: "MilkdownEditor",
 	props: {
 		modelValue: {},
@@ -262,44 +262,44 @@ var X = Symbol("kun-editor-context"), Se = [
 	},
 	emits: ["update:modelValue", "update:loading"],
 	setup(e, { expose: t, emit: r }) {
-		let i = e, a = r, o = i.modelValue, s = !1, c = M(), l = ne("kunMention"), u = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!c, d = re("kunSelectionTooltip"), f = i.selectionToolbar && !!c, p = O((e) => {
-			let t = te.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 = N(), l = z("kunMention"), u = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!c, d = V("kunSelectionTooltip"), f = i.selectionToolbar && !!c, p = k((e) => {
+			let t = P.make().config((t) => {
+				t.set(L, e), t.set(F, i.modelValue), t.get(R).markdownUpdated((e, t, n) => {
 					!i.active || s || t === n || (o = t, a("update:modelValue", t));
-				}), t.update(I, (e) => ({
+				}), t.update(ne, (e) => ({
 					...e,
 					editable: () => !i.readonly
-				})), u && t.set(l.key, { view: c({ component: ke }) }), f && t.set(d.key, { view: c({ component: Ne }) });
-			}).use(ce(i.adapters, i.features, {
+				})), u && t.set(l.key, { view: c({ component: Pe }) }), f && t.set(d.key, { view: c({ component: Re }) });
+			}).use(pe(i.adapters, i.features, {
 				locale: i.locale,
 				placeholder: i.placeholder,
 				placeholderMode: i.placeholderMode
 			}));
 			return u && t.use(l), f && t.use(d), t;
 		});
-		S(p.loading, (e) => a("update:loading", e), { immediate: !0 }), S(() => i.modelValue, (e) => {
+		C(p.loading, (e) => a("update:loading", e), { immediate: !0 }), C(() => i.modelValue, (e) => {
 			if (e === o) return;
 			o = e;
 			let t = p.get();
-			t && (s = !0, t.action(H(e)), s = !1);
-		}), S(() => i.readonly, () => {
+			t && (s = !0, t.action(U(e)), s = !1);
+		}), C(() => 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(V(fe.key, e)), h();
+				p.get()?.action(H(ge.key, e)), h();
 			},
 			insertMention: (e) => {
-				p.get()?.action(V(de.key, e)), h();
+				p.get()?.action(H(he.key, e)), h();
 			},
 			insertImage: (e) => {
-				p.get()?.action(V(G.key, {
+				p.get()?.action(H(q.key, {
 					src: e.src,
 					alt: e.alt ?? "",
 					title: e.title ?? ""
@@ -308,7 +308,7 @@ var X = Symbol("kun-editor-context"), Se = [
 			uploadImage: (e) => {
 				let t = i.adapters.uploadImage, n = p.get();
 				!t || !n || n.action((n) => {
-					ge(n.get(F), e, {
+					be(n.get(I), e, {
 						uploadImage: t,
 						notify: i.adapters.notify,
 						locale: i.locale
@@ -318,38 +318,67 @@ var X = Symbol("kun-editor-context"), Se = [
 			focus: h,
 			scrollToHeading: (e) => {
 				p.get()?.action((t) => {
-					let n = t.get(F), r = 0, i = -1;
+					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 = U.near(n.state.doc.resolve(i + 1));
+						let e = W.near(n.state.doc.resolve(i + 1));
 						n.dispatch(n.state.tr.setSelection(e)), n.focus();
 					}
 				});
 			}
-		}), (e, t) => (m(), n(b(E)));
+		}), (e, t) => (m(), n(x(D)));
 	}
-}), Fe = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Ie = [
+}), Be = {
+	bold: oe,
+	italic: ae,
+	strike: xe,
+	code: G
+}, Ve = () => {
+	let [e, t] = A(), n = g({
+		bold: !1,
+		italic: !1,
+		strike: !1,
+		code: !1
+	}), r = () => {
+		t()?.action((e) => {
+			let t = e.get(I).state, { from: r, $from: i, to: a, empty: o } = t.selection;
+			Object.keys(Be).forEach((s) => {
+				let c = Be[s].type(e);
+				n[s] = o ? !!c.isInSet(t.storedMarks ?? i.marks()) : t.doc.rangeHasMark(r, a, c);
+			});
+		});
+	};
+	return C(e, (e) => {
+		e || (t()?.action((e) => {
+			let t = e.get(R);
+			t.selectionUpdated(r), t.updated(r);
+		}), r());
+	}, { immediate: !0 }), {
+		activeMarks: n,
+		refresh: r
+	};
+}, He = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Ue = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], Le = ["innerHTML"], Re = { class: "kun-editor__picker-panel" }, ze = {
+], We = ["innerHTML"], Ge = { class: "kun-editor__picker-panel" }, Ke = {
 	key: 0,
 	class: "kun-editor__picker-tabs",
 	role: "tablist"
-}, Be = ["data-active"], Ve = ["data-active"], He = { class: "kun-editor__emoji-grid" }, Ue = ["onClick"], We = {
+}, qe = ["data-active"], Je = ["data-active"], Ye = { class: "kun-editor__emoji-grid" }, Xe = ["onClick"], Ze = {
 	key: 1,
 	class: "kun-editor__sticker-body"
-}, Ge = { class: "kun-editor__pack-name" }, Ke = { class: "kun-editor__sticker-grid" }, qe = ["title", "onClick"], Je = ["src", "alt"], Ye = {
+}, Qe = { class: "kun-editor__pack-name" }, $e = { class: "kun-editor__sticker-grid" }, et = ["title", "onClick"], tt = ["src", "alt"], nt = {
 	key: 1,
 	class: "kun-editor__picker-hint"
-}, Xe = /* @__PURE__ */ s({
+}, rt = /* @__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 ? {
+		let [, o] = A(), s = l(X), c = s?.adapters.stickerSource, u = !!c, d = t(() => (s?.locale ?? "zh-cn").toLowerCase().startsWith("en")), h = t(() => d.value ? {
 			trigger: "Emoji & stickers",
 			emoji: "Emoji",
 			sticker: "Stickers",
@@ -361,28 +390,28 @@ var X = Symbol("kun-editor-context"), Se = [
 			sticker: "贴纸",
 			empty: "暂无贴纸",
 			failed: "贴纸加载失败"
-		}), v = g(!1), S = g(null), C = g("emoji"), T = g([]), E = g(!1), D = g(!1), O = async () => {
+		}), g = _(!1), y = _(null), C = _("emoji"), w = _([]), E = _(!1), D = _(!1), O = async () => {
 			if (!(E.value || !c)) {
 				E.value = !0;
 				try {
-					T.value = await c();
+					w.value = await c();
 				} catch {
 					D.value = !0;
 				}
 			}
-		}, A = () => {
-			v.value = !v.value, v.value && u && O();
+		}, k = () => {
+			g.value = !g.value, g.value && u && O();
 		}, j = (e) => {
-			v.value && S.value && !S.value.contains(e.target) && (v.value = !1);
+			g.value && y.value && !y.value.contains(e.target) && (g.value = !1);
 		};
 		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(V(G.key, {
+			o()?.action(H(q.key, {
 				src: e,
 				title: t,
 				alt: t
@@ -390,40 +419,40 @@ var X = Symbol("kun-editor-context"), Se = [
 		};
 		return (t, n) => (m(), i("div", {
 			ref_key: "rootRef",
-			ref: S,
+			ref: y,
 			class: "kun-editor__picker"
 		}, [a("button", {
 			type: "button",
 			class: "kun-editor__tool",
 			title: h.value.trigger,
 			"aria-label": h.value.trigger,
-			"aria-expanded": v.value,
-			onClick: A
+			"aria-expanded": g.value,
+			onClick: k
 		}, [a("span", {
 			class: "kun-editor__icon",
-			innerHTML: b($).smile
-		}, null, 8, Le)], 8, Ie), w(a("div", Re, [
-			u ? (m(), i("div", ze, [a("button", {
+			innerHTML: x($).smile
+		}, null, 8, We)], 8, Ue), T(a("div", Ge, [
+			u ? (m(), i("div", Ke, [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, Be), a("button", {
+			}, b(h.value.emoji), 9, qe), 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, Ve)])) : r("", !0),
-			w(a("div", He, [(m(!0), i(e, null, _(b(Fe), (e, t) => (m(), i("button", {
+			}, b(h.value.sticker), 9, Je)])) : r("", !0),
+			T(a("div", Ye, [(m(!0), i(e, null, v(x(He), (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__emoji",
 				onClick: (t) => M(e)
-			}, 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", {
+			}, b(e), 9, Xe))), 128))], 512), [[S, !u || C.value === "emoji"]]),
+			u ? T((m(), i("div", Ze, [w.value.length ? (m(!0), i(e, { key: 0 }, v(w.value, (t) => (m(), i("div", {
 				key: t.name,
 				class: "kun-editor__pack"
-			}, [a("div", Ge, y(t.name), 1), a("div", Ke, [(m(!0), i(e, null, _(t.stickers, (e, t) => (m(), i("button", {
+			}, [a("div", Qe, b(t.name), 1), a("div", $e, [(m(!0), i(e, null, v(t.stickers, (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__sticker",
@@ -433,35 +462,37 @@ var X = Symbol("kun-editor-context"), Se = [
 				src: e.src,
 				alt: e.name,
 				loading: "lazy"
-			}, 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));
+			}, null, 8, tt)], 8, et))), 128))])]))), 128)) : (m(), i("div", nt, b(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[S, C.value === "sticker"]]) : r("", !0)
+		], 512), [[S, g.value]])], 512));
 	}
-}), Ze = {
+}), it = {
 	class: "kun-editor__format-toolbar",
 	role: "toolbar"
-}, Qe = ["aria-label"], $e = {
+}, at = ["aria-label"], ot = {
 	value: "",
 	disabled: "",
 	selected: ""
-}, et = ["value"], tt = [
+}, st = ["value"], ct = [
 	"title",
 	"aria-label",
+	"aria-pressed",
+	"data-active",
 	"onClick"
-], nt = ["innerHTML"], rt = ["title", "aria-label"], it = ["innerHTML"], at = /* @__PURE__ */ s({
+], lt = ["innerHTML"], ut = ["title", "aria-label"], dt = ["innerHTML"], ft = /* @__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(V(e, t));
-		}, h = async () => {
+		let [, s] = A(), c = l(X), { activeMarks: u, refresh: d } = Ve(), f = t(() => c?.adapters.uploadImage), p = t(() => c?.features.sticker !== !1), h = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), g = (e, t) => {
+			s()?.action(H(e, t)), d();
+		}, y = async () => {
 			let e = "";
 			s()?.action((t) => {
-				let n = t.get(F), { from: r, to: i } = n.state.selection;
+				let n = t.get(I), { from: r, to: i } = n.state.selection;
 				e = n.state.doc.textBetween(r, i, " ");
 			});
-			let t = c?.adapters.linkPrompt, n = (t ? await t({ text: e }) : window.prompt(f.value ? "Link URL" : "链接 URL"))?.trim();
-			n && p(ue.key, { href: n });
-		}, v = t(() => {
-			let e = f.value;
+			let t = c?.adapters.linkPrompt, n = (t ? await t({ text: e }) : window.prompt(h.value ? "Link URL" : "链接 URL"))?.trim();
+			n && g(J.key, { href: n });
+		}, S = t(() => {
+			let e = h.value;
 			return {
 				textSize: e ? "Text size" : "文本大小",
 				bold: e ? "Bold" : "加粗",
@@ -477,8 +508,8 @@ var X = Symbol("kun-editor-context"), Se = [
 				spoiler: e ? "Spoiler" : "隐藏文本",
 				image: e ? "Upload image" : "上传图片"
 			};
-		}), x = t(() => {
-			let e = f.value;
+		}), C = t(() => {
+			let e = h.value;
 			return [
 				"正文",
 				"一级标题",
@@ -491,105 +522,111 @@ var X = Symbol("kun-editor-context"), Se = [
 				level: n,
 				label: e ? n === 0 ? "Paragraph" : `Heading ${n}` : t
 			}));
-		}), S = (e) => {
+		}), w = (e) => {
 			let t = e.target;
-			p(he.key, Number(t.value)), t.selectedIndex = 0;
-		}, C = t(() => [
+			g(ye.key, Number(t.value)), t.selectedIndex = 0;
+		}, T = t(() => [
 			[
 				{
 					svg: $.bold,
-					title: v.value.bold,
-					run: () => p(J.key)
+					title: S.value.bold,
+					run: () => g(le.key),
+					mark: "bold"
 				},
 				{
 					svg: $.italic,
-					title: v.value.italic,
-					run: () => p(K.key)
+					title: S.value.italic,
+					run: () => g(se.key),
+					mark: "italic"
 				},
 				{
 					svg: $.strike,
-					title: v.value.strike,
-					run: () => p(_e.key)
+					title: S.value.strike,
+					run: () => g(Se.key),
+					mark: "strike"
 				},
 				{
 					svg: $.code,
-					title: v.value.code,
-					run: () => p(q.key)
+					title: S.value.code,
+					run: () => g(ce.key),
+					mark: "code"
 				},
 				{
 					svg: $.link,
-					title: v.value.link,
-					run: h
+					title: S.value.link,
+					run: y
 				}
 			],
 			[
 				{
 					svg: $.bulletList,
-					title: v.value.bulletList,
-					run: () => p(oe.key)
+					title: S.value.bulletList,
+					run: () => g(de.key)
 				},
 				{
 					svg: $.orderedList,
-					title: v.value.orderedList,
-					run: () => p(se.key)
+					title: S.value.orderedList,
+					run: () => g(fe.key)
 				},
 				{
 					svg: $.quote,
-					title: v.value.quote,
-					run: () => p(ae.key)
+					title: S.value.quote,
+					run: () => g(ue.key)
 				},
 				{
 					svg: $.codeBlock,
-					title: v.value.codeBlock,
-					run: () => p(W.key, "")
+					title: S.value.codeBlock,
+					run: () => g(ie.key, "")
 				},
 				{
 					svg: $.hr,
-					title: v.value.hr,
-					run: () => p(ie.key)
+					title: S.value.hr,
+					run: () => g(K.key)
 				}
 			],
 			[{
 				svg: $.spoiler,
-				title: v.value.spoiler,
-				run: () => p(le.key)
+				title: S.value.spoiler,
+				run: () => g(me.key)
 			}]
-		]), w = g(null), T = () => w.value?.click(), E = (e) => {
+		]), E = _(null), D = () => E.value?.click(), O = (e) => {
 			let t = e.target, n = t.files?.[0];
 			t.value = "";
-			let r = u.value;
+			let r = f.value;
 			!n || !r || s()?.action((e) => {
-				ge(e.get(F), n, {
+				be(e.get(I), n, {
 					uploadImage: r,
 					notify: c?.adapters.notify,
 					locale: c?.locale
 				});
 			});
 		};
-		return (t, n) => (m(), i("div", Ze, [
+		return (t, n) => (m(), i("div", it, [
 			a("select", {
 				class: "kun-editor__heading-select",
-				"aria-label": v.value.textSize,
-				onChange: S
-			}, [a("option", $e, y(v.value.textSize), 1), (m(!0), i(e, null, _(x.value, (e) => (m(), i("option", {
+				"aria-label": S.value.textSize,
+				onChange: w
+			}, [a("option", ot, b(S.value.textSize), 1), (m(!0), i(e, null, v(C.value, (e) => (m(), i("option", {
 				key: e.level,
 				value: e.level
-			}, 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", {
+			}, b(e.label), 9, st))), 128))], 40, at),
+			(m(!0), i(e, null, v(T.value, (t, r) => (m(), i(e, { key: r }, [n[0] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
-			}, null, -1), (m(!0), i(e, null, _(t, (e, t) => (m(), i("button", {
+			}, null, -1), (m(!0), i(e, null, v(t, (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__tool",
 				title: e.title,
 				"aria-label": e.title,
+				"aria-pressed": e.mark ? x(u)[e.mark] : void 0,
+				"data-active": e.mark ? x(u)[e.mark] : void 0,
 				onClick: (t) => e.run()
 			}, [a("span", {
 				class: "kun-editor__icon",
 				innerHTML: e.svg
-			}, null, 8, nt)], 8, tt))), 128))], 64))), 128)),
-			u.value ? (m(), i(e, { key: 0 }, [
+			}, null, 8, lt)], 8, ct))), 128))], 64))), 128)),
+			f.value ? (m(), i(e, { key: 0 }, [
 				n[1] ||= a("span", {
 					class: "kun-editor__toolbar-divider",
 					"aria-hidden": "true"
@@ -597,47 +634,48 @@ var X = Symbol("kun-editor-context"), Se = [
 				a("button", {
 					type: "button",
 					class: "kun-editor__tool",
-					title: v.value.image,
-					"aria-label": v.value.image,
-					onClick: T
+					title: S.value.image,
+					"aria-label": S.value.image,
+					onClick: D
 				}, [a("span", {
 					class: "kun-editor__icon",
-					innerHTML: b($).image
-				}, null, 8, it)], 8, rt),
+					innerHTML: x($).image
+				}, null, 8, dt)], 8, ut),
 				a("input", {
 					ref_key: "fileInput",
-					ref: w,
+					ref: E,
 					type: "file",
 					accept: ".jpg,.jpeg,.png,.webp,.gif",
 					hidden: "",
-					onChange: E
+					onChange: O
 				}, null, 544)
 			], 64)) : r("", !0),
-			d.value ? (m(), i(e, { key: 1 }, [n[2] ||= a("span", {
+			p.value ? (m(), i(e, { key: 1 }, [n[2] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
-			}, null, -1), o(Xe)], 64)) : r("", !0)
+			}, null, -1), o(rt)], 64)) : r("", !0)
 		]));
 	}
-}), ot = /* @__PURE__ */ s({
+}), pt = /* @__PURE__ */ s({
 	__name: "ToolbarHost",
 	setup(e) {
-		let [, t] = k(), n = l(X, void 0), r = (e, n) => {
-			t()?.action(V(e, n));
-		}, i = () => {
-			t()?.action((e) => e.get(F).focus());
-		}, a = {
-			run: r,
+		let [, t] = A(), n = l(X, void 0), { activeMarks: r, refresh: i } = Ve(), a = (e, n) => {
+			t()?.action(H(e, n)), i();
+		}, o = () => {
+			t()?.action((e) => e.get(I).focus());
+		}, s = {
+			run: a,
+			activeMarks: r,
 			insertText: (e) => {
 				t()?.action((t) => {
-					let n = t.get(F);
+					let n = t.get(I);
 					n.dispatch(n.state.tr.insertText(e));
-				}), i();
+				}), o();
 			},
 			uploadImage: (e) => {
 				let r = n?.adapters.uploadImage, i = t();
 				!r || !i || i.action((t) => {
-					ge(t.get(F), e, {
+					be(t.get(I), e, {
 						uploadImage: r,
 						notify: n?.adapters.notify,
 						locale: n?.locale
@@ -645,22 +683,22 @@ var X = Symbol("kun-editor-context"), Se = [
 				});
 			},
 			insertLink: (e) => {
-				r(ue.key, e), i();
+				a(J.key, e), o();
 			},
 			insertImage: (e) => {
-				r(G.key, {
+				a(q.key, {
 					src: e.src,
 					alt: e.alt ?? "",
 					title: e.title ?? ""
-				}), i();
+				}), o();
 			},
 			insertQuote: (e) => {
-				r(fe.key, e), i();
+				a(ge.key, e), o();
 			},
 			insertMention: (e) => {
-				r(de.key, e), i();
+				a(he.key, e), o();
 			},
-			focus: i,
+			focus: o,
 			get adapters() {
 				return n?.adapters ?? {};
 			},
@@ -671,9 +709,9 @@ var X = Symbol("kun-editor-context"), Se = [
 				return n?.locale ?? "zh-cn";
 			}
 		};
-		return (e, t) => v(e.$slots, "default", d(c(a)));
+		return (e, t) => y(e.$slots, "default", d(c(s)));
 	}
-}), st = /* @__PURE__ */ s({
+}), mt = /* @__PURE__ */ s({
 	__name: "MarkdownSource",
 	props: {
 		modelValue: {},
@@ -681,13 +719,13 @@ var X = Symbol("kun-editor-context"), Se = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, a = n, o = g(null), s = null, c = ve.define(), l = (e) => ye.create({
+		let r = e, a = n, o = _(null), s = null, c = Ce.define(), l = (e) => we.create({
 			doc: e,
 			extensions: [
-				pe(),
+				_e(),
 				Y.lineWrapping,
-				xe,
-				be(),
+				Ee,
+				Te(),
 				Y.editable.of(!r.readonly),
 				Y.updateListener.of((e) => {
 					e.docChanged && !e.transactions.some((e) => e.annotation(c)) && a("update:modelValue", e.state.doc.toString());
@@ -724,7 +762,7 @@ var X = Symbol("kun-editor-context"), Se = [
 				selection: { anchor: i },
 				scrollIntoView: !0
 			}), s.focus());
-		} }), S(() => r.modelValue, (e) => {
+		} }), C(() => 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({
@@ -745,23 +783,23 @@ var X = Symbol("kun-editor-context"), Se = [
 			class: "kun-editor__source"
 		}, null, 512));
 	}
-}), ct = ["data-mode"], lt = {
+}), ht = ["data-mode"], gt = {
 	key: 0,
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, ut = [
+}, _t = [
 	"aria-selected",
 	"data-active",
 	"onClick"
-], dt = ["title", "aria-label"], ft = [
+], vt = ["title", "aria-label"], yt = [
 	"data-active",
 	"title",
 	"aria-pressed"
-], pt = ["data-swap"], mt = { class: "kun-editor__wysiwyg kun-editor__pane" }, ht = {
+], bt = ["data-swap"], xt = { class: "kun-editor__wysiwyg kun-editor__pane" }, St = {
 	key: 1,
 	class: "kun-editor__loading",
 	"aria-hidden": "true"
-}, gt = /* @__PURE__ */ s({
+}, Ct = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -793,49 +831,49 @@ var X = Symbol("kun-editor-context"), Se = [
 		"update:headings",
 		"update:loading"
 	],
-	setup(s, { expose: l, emit: T }) {
+	setup(s, { expose: l, emit: g }) {
 		let E = [
 			"bold",
 			"italic",
 			"strike",
 			"code",
 			"link"
-		], O = s, k = T, j = g(!1);
+		], D = s, k = g, A = _(!1);
 		p(() => {
-			j.value = !0;
+			A.value = !0;
 		});
-		let M = g(!0), N = (e) => {
+		let M = _(!0), N = (e) => {
 			M.value = e, k("update:loading", e);
 		};
-		S(() => O.modelValue, (e) => k("update:headings", ee(e)), { immediate: !0 }), h(X, {
+		C(() => D.modelValue, (e) => k("update:headings", te(e)), { immediate: !0 }), h(X, {
 			get adapters() {
-				return O.adapters;
+				return D.adapters;
 			},
 			get features() {
-				return O.features;
+				return D.features;
 			},
 			get locale() {
-				return O.locale;
+				return D.locale;
 			},
 			get selectionToolbarItems() {
-				return Array.isArray(O.selectionToolbar) ? O.selectionToolbar : E;
+				return Array.isArray(D.selectionToolbar) ? D.selectionToolbar : E;
 			}
 		});
-		let te = t(() => O.selectionToolbar !== !1), P = g(O.views.includes("wysiwyg") ? "wysiwyg" : O.views[0] ?? "wysiwyg"), F = (e) => {
+		let ee = t(() => D.selectionToolbar !== !1), P = _(D.views.includes("wysiwyg") ? "wysiwyg" : D.views[0] ?? "wysiwyg"), F = (e) => {
 			P.value = e;
 		};
-		S(() => O.views, (e) => {
+		C(() => D.views, (e) => {
 			e.includes(P.value) || (P.value = e[0] ?? "wysiwyg");
 		});
-		let I = g(!1), L = () => {
+		let I = _(!1), ne = () => {
 			I.value = !I.value;
-		}, R = g(O.scrollSync);
-		S(() => O.scrollSync, (e) => {
-			R.value = e;
+		}, L = _(D.scrollSync);
+		C(() => D.scrollSync, (e) => {
+			L.value = e;
 		});
-		let z = () => {
-			R.value = !R.value;
-		}, ne = t(() => O.locale.toLowerCase().startsWith("en")), B = t(() => ne.value ? {
+		let R = () => {
+			L.value = !L.value;
+		}, re = t(() => D.locale.toLowerCase().startsWith("en")), z = t(() => re.value ? {
 			wysiwyg: "Preview",
 			source: "Markdown",
 			split: "Split",
@@ -847,11 +885,11 @@ var X = Symbol("kun-editor-context"), Se = [
 			split: "分栏",
 			swap: "左右互换",
 			scrollSync: "同步滚动"
-		}), re = g(null), V = null, H = null, U = null, W = () => {
+		}), B = _(null), V = null, H = null, U = null, W = () => {
 			V?.(), V = null, H = null;
 		}, ie = () => {
 			W();
-			let e = re.value;
+			let e = B.value;
 			if (!e) return;
 			let t = e.querySelector(".cm-scroller"), n = e.querySelector(".kun-editor__wysiwyg");
 			if (!t || !n) return;
@@ -867,83 +905,83 @@ var X = Symbol("kun-editor-context"), Se = [
 				t.removeEventListener("scroll", i), n.removeEventListener("scroll", a);
 			};
 		};
-		S([P, R], ([e, t]) => {
+		C([P, L], ([e, t]) => {
 			W(), e === "split" && t && u(ie);
 		}), f(W);
-		let G = t(() => O.readonly || P.value === "split"), K = (e) => k("update:modelValue", e), q = g(null), J = g(null);
+		let ae = t(() => D.readonly || P.value === "split"), G = (e) => k("update:modelValue", e), K = _(null), q = _(null);
 		return l({
-			insertQuote: (e) => q.value?.insertQuote(e),
-			insertMention: (e) => q.value?.insertMention(e),
-			insertImage: (e) => q.value?.insertImage(e),
-			uploadImage: (e) => q.value?.uploadImage(e),
-			focus: () => q.value?.focus(),
+			insertQuote: (e) => K.value?.insertQuote(e),
+			insertMention: (e) => K.value?.insertMention(e),
+			insertImage: (e) => K.value?.insertImage(e),
+			uploadImage: (e) => K.value?.uploadImage(e),
+			focus: () => K.value?.focus(),
 			scrollToHeading: (e) => {
-				P.value === "source" || P.value === "split" ? J.value?.scrollToHeading(e) : q.value?.scrollToHeading(e);
+				P.value === "source" || P.value === "split" ? q.value?.scrollToHeading(e) : K.value?.scrollToHeading(e);
 			}
 		}), (t, l) => (m(), i("div", {
 			ref_key: "rootEl",
-			ref: re,
+			ref: B,
 			class: "kun-editor",
 			"data-kun-editor": "",
 			"data-mode": P.value
-		}, [j.value ? (m(), i(e, { key: 0 }, [v(t.$slots, "view-switch", {
+		}, [A.value ? (m(), i(e, { key: 0 }, [y(t.$slots, "view-switch", {
 			mode: P.value,
 			setMode: F,
-			labels: B.value,
+			labels: z.value,
 			views: s.views,
 			swapped: I.value,
-			swap: L,
-			scrollSync: R.value,
-			toggleScrollSync: z
-		}, () => [s.views.length > 1 ? (m(), i("div", lt, [(m(!0), i(e, null, _(s.views, (e) => (m(), i("button", {
+			swap: ne,
+			scrollSync: L.value,
+			toggleScrollSync: R
+		}, () => [s.views.length > 1 ? (m(), i("div", gt, [(m(!0), i(e, null, v(s.views, (e) => (m(), i("button", {
 			key: e,
 			type: "button",
 			class: "kun-editor__tab",
 			"aria-selected": P.value === e,
 			"data-active": P.value === e,
 			onClick: (t) => F(e)
-		}, y(B.value[e]), 9, ut))), 128)), P.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
+		}, b(z.value[e]), 9, _t))), 128)), P.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
 			type: "button",
 			class: "kun-editor__tab kun-editor__swap",
-			title: B.value.swap,
-			"aria-label": B.value.swap,
-			onClick: l[0] ||= (e) => L()
-		}, " ⇄ ", 8, dt), a("button", {
+			title: z.value.swap,
+			"aria-label": z.value.swap,
+			onClick: l[0] ||= (e) => ne()
+		}, " ⇄ ", 8, vt), a("button", {
 			type: "button",
 			class: "kun-editor__tab",
-			"data-active": R.value,
-			title: B.value.scrollSync,
-			"aria-pressed": R.value,
-			onClick: l[1] ||= (e) => z()
-		}, y(B.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(ot, null, {
-					default: C((e) => [v(t.$slots, "toolbar", d(c(e)), () => [o(at)])]),
+			"data-active": L.value,
+			title: z.value.scrollSync,
+			"aria-pressed": L.value,
+			onClick: l[1] ||= (e) => R()
+		}, b(z.value.scrollSync), 9, yt)], 64)) : r("", !0)])) : r("", !0)]), o(x(O), null, {
+			default: w(() => [o(x(j), null, {
+				default: w(() => [T(a("div", null, [o(pt, null, {
+					default: w((e) => [y(t.$slots, "toolbar", d(c(e)), () => [o(ft)])]),
 					_: 3
-				})], 512), [[x, P.value === "wysiwyg" && !s.readonly]]), a("div", {
+				})], 512), [[S, P.value === "wysiwyg" && !s.readonly]]), a("div", {
 					class: "kun-editor__panes",
 					"data-swap": I.value
-				}, [P.value === "source" || P.value === "split" ? (m(), n(st, {
+				}, [P.value === "source" || P.value === "split" ? (m(), n(mt, {
 					key: 0,
 					ref_key: "source",
-					ref: J,
+					ref: q,
 					class: "kun-editor__pane",
 					"model-value": s.modelValue,
 					readonly: s.readonly,
-					"onUpdate:modelValue": K
-				}, null, 8, ["model-value", "readonly"])) : r("", !0), w(a("div", mt, [o(Pe, {
+					"onUpdate:modelValue": G
+				}, null, 8, ["model-value", "readonly"])) : r("", !0), T(a("div", xt, [o(ze, {
 					ref_key: "inner",
-					ref: q,
+					ref: K,
 					"model-value": s.modelValue,
 					adapters: s.adapters,
 					features: s.features,
 					locale: s.locale,
-					readonly: G.value,
+					readonly: ae.value,
 					placeholder: s.placeholder,
 					"placeholder-mode": s.placeholderMode,
 					active: P.value === "wysiwyg" && !s.readonly,
-					"selection-toolbar": te.value,
-					"onUpdate:modelValue": K,
+					"selection-toolbar": ee.value,
+					"onUpdate:modelValue": G,
 					"onUpdate:loading": N
 				}, null, 8, [
 					"model-value",
@@ -955,18 +993,18 @@ var X = Symbol("kun-editor-context"), Se = [
 					"placeholder-mode",
 					"active",
 					"selection-toolbar"
-				])], 512), [[x, P.value === "wysiwyg" || P.value === "split"]])], 8, pt)]),
+				])], 512), [[S, P.value === "wysiwyg" || P.value === "split"]])], 8, bt)]),
 				_: 3
 			})]),
 			_: 3
-		})], 64)) : r("", !0), !j.value || M.value ? (m(), i("div", ht, [v(t.$slots, "loading", {}, () => [
+		})], 64)) : r("", !0), !A.value || M.value ? (m(), i("div", St, [y(t.$slots, "loading", {}, () => [
 			l[2] ||= a("div", { class: "kun-editor__skeleton" }, null, -1),
 			l[3] ||= a("div", { class: "kun-editor__skeleton" }, null, -1),
 			l[4] ||= a("div", { class: "kun-editor__skeleton" }, null, -1)
-		])])) : r("", !0)], 8, ct));
+		])])) : r("", !0)], 8, ht));
 	}
-}), _t = { install(e) {
-	e.component("KunEditor", gt);
+}), wt = { install(e) {
+	e.component("KunEditor", Ct);
 } };
 //#endregion
-export { Fe as EMOJI, gt as KunEditor, _t as KunEditorPlugin, N as parseHeadings };
+export { He as EMOJI, Ct as KunEditor, wt as KunEditorPlugin, ee as parseHeadings };

package/dist/types.d.ts

@@ -2,9 +2,17 @@ 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' | 'link' | 'image' | 'picker' | '|';
 export type KunSelectionItem = 'bold' | 'italic' | 'strike' | 'code' | 'link' | '|';
+export type KunToggleMark = '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;
+    /**
+     * Reactive active state of the toggle marks at the current cursor. A key is
+     * `true` while that mark is active (e.g. `bold` is true inside a bold run, or
+     * when it is the pending stored mark), so a toolbar can highlight its pressed
+     * buttons the same way it highlights hover.
+     */
+    activeMarks: Readonly<Record<KunToggleMark, boolean>>;
     /** Insert plain text at the cursor (e.g. an emoji). */
     insertText: (text: string) => void;
     /**

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.31.1",
+  "version": "0.32.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.31.1"
+    "@kungal/editor-core": "0.32.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.31.1"
+    "@kungal/editor-core": "0.32.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json",