@kungal/editor-vue 0.31.1 → 0.32.1

package/dist/index.js

@@ -1,38 +1,68 @@
-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 { 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 { 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 P, parseHeadings as ee } from "@kungal/editor-core";
+import { Editor as F, defaultValueCtx as I, editorViewCtx as L, editorViewOptionsCtx as R, rootCtx as z } from "@milkdown/kit/core";
+import { listenerCtx as B } from "@milkdown/kit/plugin/listener";
+import { SlashProvider as V, slashFactory as H } from "@milkdown/kit/plugin/slash";
+import { TooltipProvider as te, tooltipFactory as U } from "@milkdown/kit/plugin/tooltip";
+import { $prose as ne, callCommand as W, replaceAll as G } from "@milkdown/kit/utils";
+import { Plugin as K, PluginKey as q, TextSelection as re } from "@milkdown/kit/prose/state";
+import { createCodeBlockCommand as ie, emphasisSchema as ae, inlineCodeSchema as J, insertHrCommand as oe, insertImageCommand as se, strongSchema as ce, toggleEmphasisCommand as le, toggleInlineCodeCommand as ue, toggleStrongCommand as de, wrapInBlockquoteCommand as fe, wrapInBulletListCommand as pe, wrapInOrderedListCommand as me } from "@milkdown/kit/preset/commonmark";
+import { createKunEditorPlugins as he, insertKunSpoilerCommand as ge, insertLinkCommand as _e, insertMentionCommand as ve, insertQuoteCommand as ye, kunCM as be, mentionId as xe, setHeadingCommand as Se, startImageUpload as Ce } from "@kungal/editor-core/preset";
+import { strikethroughSchema as we, toggleStrikethroughCommand as Te } from "@milkdown/kit/preset/gfm";
+import { Annotation as Ee, EditorState as De } from "@codemirror/state";
 import { EditorView as Y } from "@codemirror/view";
-import { markdown as be } from "@codemirror/lang-markdown";
-import { basicSetup as xe } from "codemirror";
-//#region src/context.ts
-var X = Symbol("kun-editor-context"), Se = [
+import { markdown as Oe } from "@codemirror/lang-markdown";
+import { basicSetup as ke } from "codemirror";
+//#region src/active-marks.ts
+var Ae = [
+	"bold",
+	"italic",
+	"strike",
+	"code"
+], je = {
+	bold: ce,
+	italic: ae,
+	strike: we,
+	code: J
+}, Me = () => ({
+	bold: !1,
+	italic: !1,
+	strike: !1,
+	code: !1
+}), Ne = Object.freeze(Me()), Pe = (e, t) => {
+	let { from: n, $from: r, to: i, empty: a } = e.selection, o = Me();
+	for (let s of Ae) {
+		let c = je[s].type(t);
+		o[s] = a ? !!c.isInSet(e.storedMarks ?? r.marks()) : e.doc.rangeHasMark(n, i, c);
+	}
+	return o;
+}, Fe = (e, t, n) => {
+	let r = Pe(e, t);
+	for (let e of Ae) n[e] !== r[e] && (n[e] = r[e]);
+}, Ie = new q("KUN_ACTIVE_MARKS"), Le = (e) => ne((t) => new K({
+	key: Ie,
+	view: (n) => (Fe(n.state, t, e), { update(n) {
+		Fe(n.state, t, e);
+	} })
+})), X = Symbol("kun-editor-context"), Re = [
 	"data-active",
 	"onMousedown",
 	"onMouseenter"
-], Ce = ["src", "alt"], we = {
+], ze = ["src", "alt"], Be = {
 	key: 1,
 	class: "kun-mention-dropdown__avatar kun-mention-dropdown__avatar--fallback"
-}, Te = { class: "kun-mention-dropdown__name" }, Ee = {
+}, Ve = { class: "kun-mention-dropdown__name" }, He = {
 	key: 1,
 	class: "kun-mention-dropdown__hint"
-}, De = {
+}, Ue = {
 	key: 2,
 	class: "kun-mention-dropdown__hint"
-}, Oe = {
+}, We = {
 	key: 3,
 	class: "kun-mention-dropdown__hint"
-}, ke = /* @__PURE__ */ s({
+}, Ge = /* @__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 +73,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,88 +87,88 @@ 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) => {
+		}, P = (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;
-		}, te = (e) => {
-			let t = ee(e);
+		}, ee = (e) => {
+			let t = P(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;
-		}, P = (e) => {
+			}, t !== S.value && (S.value = t, N(t)), !0;
+		}, F = (e) => {
 			let t = d.value;
 			if (!t || !O) return;
-			let n = t.state.schema.nodes[me];
+			let n = t.state.schema.nodes[xe];
 			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();
-		}, F = (e) => {
+			o.insertText(" ", s), o.setSelection(re.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), y.hide();
+		}, I = (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];
-					t && (e.preventDefault(), e.stopPropagation(), P(t));
+					let t = w.value[T.value];
+					t && (e.preventDefault(), e.stopPropagation(), F(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 V({
+				content: g.value,
 				trigger: "@",
-				shouldShow: te,
+				shouldShow: ee,
 				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", I, !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", I, !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) => F(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, ze)) : (m(), i("span", Be, b(e.name.charAt(0)), 1)), a("span", Ve, b(e.name), 1)], 40, Re))), 128)) : D.value ? (m(), i("div", He, b(u.value.searching), 1)) : S.value ? (m(), i("div", Ue, b(u.value.empty), 1)) : (m(), i("div", We, 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,56 +188,62 @@ 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 = {
+}, Ke = {
 	key: 0,
 	class: "kun-editor__toolbar-divider",
 	"aria-hidden": "true"
-}, je = [
+}, qe = [
 	"title",
 	"aria-label",
+	"aria-pressed",
+	"data-active",
 	"onMousedown"
-], Me = ["innerHTML"], Ne = /* @__PURE__ */ s({
+], Je = ["innerHTML"], Ye = /* @__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));
-		}, y = async () => {
+		let { view: r, prevState: o } = M(), [, s] = A(), c = l(X), u = c?.activeMarks ?? Ne, d = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), h = _(null), g, y = (e, t) => {
+			s()?.action(W(e, t));
+		}, b = 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 });
-		}, b = t(() => {
-			let e = u.value;
+			}, i = e ? e.state.doc.textBetween(t, n, " ") : "", a = c?.adapters.linkPrompt, o = (a ? await a({ text: i }) : window.prompt(d.value ? "Link URL" : "链接 URL"))?.trim();
+			o && y(_e.key, { href: o });
+		}, S = t(() => {
+			let e = d.value;
 			return {
 				bold: {
 					svg: $.bold,
 					title: e ? "Bold" : "加粗",
-					run: () => v(J.key)
+					run: () => y(de.key),
+					mark: "bold"
 				},
 				italic: {
 					svg: $.italic,
 					title: e ? "Italic" : "斜体",
-					run: () => v(K.key)
+					run: () => y(le.key),
+					mark: "italic"
 				},
 				strike: {
 					svg: $.strike,
 					title: e ? "Strikethrough" : "删除线",
-					run: () => v(_e.key)
+					run: () => y(Te.key),
+					mark: "strike"
 				},
 				code: {
 					svg: $.code,
 					title: e ? "Inline code" : "行内代码",
-					run: () => v(q.key)
+					run: () => y(ue.key),
+					mark: "code"
 				},
 				link: {
 					svg: $.link,
 					title: e ? "Link" : "链接",
-					run: y
+					run: b
 				}
 			};
-		}), x = t(() => {
-			let e = b.value, t = (c?.selectionToolbarItems ?? [
+		}), w = t(() => {
+			let e = S.value, t = (c?.selectionToolbarItems ?? [
 				"bold",
 				"italic",
 				"strike",
@@ -222,32 +258,34 @@ var X = Symbol("kun-editor-context"), Se = [
 			return n;
 		});
 		return p(() => {
-			h = new B({
-				content: d.value,
+			g = new te({
+				content: h.value,
 				offset: 8
-			}), h.update(r.value, o.value);
-		}), S([r, o], () => {
-			h?.update(r.value, o.value);
+			}), g.update(r.value, o.value);
+		}), C([r, o], () => {
+			g?.update(r.value, o.value);
 		}), f(() => {
-			h?.destroy();
+			g?.destroy();
 		}), (t, n) => (m(), i("div", {
 			ref_key: "divRef",
-			ref: d,
+			ref: h,
 			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(w.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", Ke)) : (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"])
+			"aria-pressed": t.mark ? x(u)[t.mark] : void 0,
+			"data-active": t.mark ? x(u)[t.mark] : void 0,
+			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, Je)], 40, qe))], 64))), 128))], 512));
 	}
-}), Pe = /* @__PURE__ */ s({
+}), Xe = /* @__PURE__ */ s({
 	__name: "MilkdownEditor",
 	props: {
 		modelValue: {},
@@ -262,94 +300,94 @@ 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 = l(X), u = N(), d = H("kunMention"), f = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!u, p = U("kunSelectionTooltip"), h = i.selectionToolbar && !!u, g = k((e) => {
+			let t = F.make().config((t) => {
+				t.set(z, e), t.set(I, i.modelValue), t.get(B).markdownUpdated((e, t, n) => {
 					!i.active || s || t === n || (o = t, a("update:modelValue", t));
-				}), t.update(I, (e) => ({
+				}), t.update(R, (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, {
+				})), f && t.set(d.key, { view: u({ component: Ge }) }), h && t.set(p.key, { view: u({ component: Ye }) });
+			}).use(he(i.adapters, i.features, {
 				locale: i.locale,
 				placeholder: i.placeholder,
 				placeholderMode: i.placeholderMode
 			}));
-			return u && t.use(l), f && t.use(d), t;
+			return f && t.use(d), h && t.use(p), c && t.use(Le(c.activeMarks)), t;
 		});
-		S(p.loading, (e) => a("update:loading", e), { immediate: !0 }), S(() => i.modelValue, (e) => {
+		C(g.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, () => {
-			p.get()?.action((e) => {
-				let t = e.get(F);
+			let t = g.get();
+			t && (s = !0, t.action(G(e)), s = !1);
+		}), C(() => i.readonly, () => {
+			g.get()?.action((e) => {
+				let t = e.get(L);
 				t.dispatch(t.state.tr);
 			});
 		});
-		let h = () => {
-			p.get()?.action((e) => e.get(F).focus());
+		let _ = () => {
+			g.get()?.action((e) => e.get(L).focus());
 		};
 		return t({
 			insertQuote: (e) => {
-				p.get()?.action(V(fe.key, e)), h();
+				g.get()?.action(W(ye.key, e)), _();
 			},
 			insertMention: (e) => {
-				p.get()?.action(V(de.key, e)), h();
+				g.get()?.action(W(ve.key, e)), _();
 			},
 			insertImage: (e) => {
-				p.get()?.action(V(G.key, {
+				g.get()?.action(W(se.key, {
 					src: e.src,
 					alt: e.alt ?? "",
 					title: e.title ?? ""
-				})), h();
+				})), _();
 			},
 			uploadImage: (e) => {
-				let t = i.adapters.uploadImage, n = p.get();
+				let t = i.adapters.uploadImage, n = g.get();
 				!t || !n || n.action((n) => {
-					ge(n.get(F), e, {
+					Ce(n.get(L), e, {
 						uploadImage: t,
 						notify: i.adapters.notify,
 						locale: i.locale
 					});
 				});
 			},
-			focus: h,
+			focus: _,
 			scrollToHeading: (e) => {
-				p.get()?.action((t) => {
-					let n = t.get(F), r = 0, i = -1;
+				g.get()?.action((t) => {
+					let n = t.get(L), 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 = re.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 = [
+}), Ze = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Qe = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], Le = ["innerHTML"], Re = { class: "kun-editor__picker-panel" }, ze = {
+], $e = ["innerHTML"], et = { class: "kun-editor__picker-panel" }, tt = {
 	key: 0,
 	class: "kun-editor__picker-tabs",
 	role: "tablist"
-}, Be = ["data-active"], Ve = ["data-active"], He = { class: "kun-editor__emoji-grid" }, Ue = ["onClick"], We = {
+}, nt = ["data-active"], rt = ["data-active"], it = { class: "kun-editor__emoji-grid" }, at = ["onClick"], ot = {
 	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 = {
+}, st = { class: "kun-editor__pack-name" }, ct = { class: "kun-editor__sticker-grid" }, lt = ["title", "onClick"], ut = ["src", "alt"], dt = {
 	key: 1,
 	class: "kun-editor__picker-hint"
-}, Xe = /* @__PURE__ */ s({
+}, ft = /* @__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 +399,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(L), { state: r } = n;
 				n.dispatch(r.tr.insertText(e, r.selection.from));
 			});
 		}, N = (e, t) => {
-			o()?.action(V(G.key, {
+			o()?.action(W(se.key, {
 				src: e,
 				title: t,
 				alt: t
@@ -390,40 +428,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, $e)], 8, Qe), T(a("div", et, [
+			u ? (m(), i("div", tt, [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, nt), 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, rt)])) : r("", !0),
+			T(a("div", it, [(m(!0), i(e, null, v(x(Ze), (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, at))), 128))], 512), [[S, !u || C.value === "emoji"]]),
+			u ? T((m(), i("div", ot, [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", st, b(t.name), 1), a("div", ct, [(m(!0), i(e, null, v(t.stickers, (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__sticker",
@@ -433,35 +471,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, ut)], 8, lt))), 128))])]))), 128)) : (m(), i("div", dt, b(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[S, C.value === "sticker"]]) : r("", !0)
+		], 512), [[S, g.value]])], 512));
 	}
-}), Ze = {
+}), pt = {
 	class: "kun-editor__format-toolbar",
 	role: "toolbar"
-}, Qe = ["aria-label"], $e = {
+}, mt = ["aria-label"], ht = {
 	value: "",
 	disabled: "",
 	selected: ""
-}, et = ["value"], tt = [
+}, gt = ["value"], _t = [
 	"title",
 	"aria-label",
+	"aria-pressed",
+	"data-active",
 	"onClick"
-], nt = ["innerHTML"], rt = ["title", "aria-label"], it = ["innerHTML"], at = /* @__PURE__ */ s({
+], vt = ["innerHTML"], yt = ["title", "aria-label"], bt = ["innerHTML"], xt = /* @__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), u = c?.activeMarks ?? Ne, d = t(() => c?.adapters.uploadImage), f = t(() => c?.features.sticker !== !1), p = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), h = (e, t) => {
+			s()?.action(W(e, t));
+		}, g = async () => {
 			let e = "";
 			s()?.action((t) => {
-				let n = t.get(F), { from: r, to: i } = n.state.selection;
+				let n = t.get(L), { 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(p.value ? "Link URL" : "链接 URL"))?.trim();
+			n && h(_e.key, { href: n });
+		}, y = t(() => {
+			let e = p.value;
 			return {
 				textSize: e ? "Text size" : "文本大小",
 				bold: e ? "Bold" : "加粗",
@@ -477,8 +517,8 @@ var X = Symbol("kun-editor-context"), Se = [
 				spoiler: e ? "Spoiler" : "隐藏文本",
 				image: e ? "Upload image" : "上传图片"
 			};
-		}), x = t(() => {
-			let e = f.value;
+		}), S = t(() => {
+			let e = p.value;
 			return [
 				"正文",
 				"一级标题",
@@ -491,105 +531,111 @@ var X = Symbol("kun-editor-context"), Se = [
 				level: n,
 				label: e ? n === 0 ? "Paragraph" : `Heading ${n}` : t
 			}));
-		}), S = (e) => {
+		}), C = (e) => {
 			let t = e.target;
-			p(he.key, Number(t.value)), t.selectedIndex = 0;
-		}, C = t(() => [
+			h(Se.key, Number(t.value)), t.selectedIndex = 0;
+		}, w = t(() => [
 			[
 				{
 					svg: $.bold,
-					title: v.value.bold,
-					run: () => p(J.key)
+					title: y.value.bold,
+					run: () => h(de.key),
+					mark: "bold"
 				},
 				{
 					svg: $.italic,
-					title: v.value.italic,
-					run: () => p(K.key)
+					title: y.value.italic,
+					run: () => h(le.key),
+					mark: "italic"
 				},
 				{
 					svg: $.strike,
-					title: v.value.strike,
-					run: () => p(_e.key)
+					title: y.value.strike,
+					run: () => h(Te.key),
+					mark: "strike"
 				},
 				{
 					svg: $.code,
-					title: v.value.code,
-					run: () => p(q.key)
+					title: y.value.code,
+					run: () => h(ue.key),
+					mark: "code"
 				},
 				{
 					svg: $.link,
-					title: v.value.link,
-					run: h
+					title: y.value.link,
+					run: g
 				}
 			],
 			[
 				{
 					svg: $.bulletList,
-					title: v.value.bulletList,
-					run: () => p(oe.key)
+					title: y.value.bulletList,
+					run: () => h(pe.key)
 				},
 				{
 					svg: $.orderedList,
-					title: v.value.orderedList,
-					run: () => p(se.key)
+					title: y.value.orderedList,
+					run: () => h(me.key)
 				},
 				{
 					svg: $.quote,
-					title: v.value.quote,
-					run: () => p(ae.key)
+					title: y.value.quote,
+					run: () => h(fe.key)
 				},
 				{
 					svg: $.codeBlock,
-					title: v.value.codeBlock,
-					run: () => p(W.key, "")
+					title: y.value.codeBlock,
+					run: () => h(ie.key, "")
 				},
 				{
 					svg: $.hr,
-					title: v.value.hr,
-					run: () => p(ie.key)
+					title: y.value.hr,
+					run: () => h(oe.key)
 				}
 			],
 			[{
 				svg: $.spoiler,
-				title: v.value.spoiler,
-				run: () => p(le.key)
+				title: y.value.spoiler,
+				run: () => h(ge.key)
 			}]
-		]), w = g(null), T = () => w.value?.click(), E = (e) => {
+		]), T = _(null), E = () => T.value?.click(), D = (e) => {
 			let t = e.target, n = t.files?.[0];
 			t.value = "";
-			let r = u.value;
+			let r = d.value;
 			!n || !r || s()?.action((e) => {
-				ge(e.get(F), n, {
+				Ce(e.get(L), n, {
 					uploadImage: r,
 					notify: c?.adapters.notify,
 					locale: c?.locale
 				});
 			});
 		};
-		return (t, n) => (m(), i("div", Ze, [
+		return (t, n) => (m(), i("div", pt, [
 			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": y.value.textSize,
+				onChange: C
+			}, [a("option", ht, b(y.value.textSize), 1), (m(!0), i(e, null, v(S.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, gt))), 128))], 40, mt),
+			(m(!0), i(e, null, v(w.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, vt)], 8, _t))), 128))], 64))), 128)),
+			d.value ? (m(), i(e, { key: 0 }, [
 				n[1] ||= a("span", {
 					class: "kun-editor__toolbar-divider",
 					"aria-hidden": "true"
@@ -597,47 +643,50 @@ 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: y.value.image,
+					"aria-label": y.value.image,
+					onClick: E
 				}, [a("span", {
 					class: "kun-editor__icon",
-					innerHTML: b($).image
-				}, null, 8, it)], 8, rt),
+					innerHTML: x($).image
+				}, null, 8, bt)], 8, yt),
 				a("input", {
 					ref_key: "fileInput",
-					ref: w,
+					ref: T,
 					type: "file",
 					accept: ".jpg,.jpeg,.png,.webp,.gif",
 					hidden: "",
-					onChange: E
+					onChange: D
 				}, null, 544)
 			], 64)) : r("", !0),
-			d.value ? (m(), i(e, { key: 1 }, [n[2] ||= a("span", {
+			f.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(ft)], 64)) : r("", !0)
 		]));
 	}
-}), ot = /* @__PURE__ */ s({
+}), St = /* @__PURE__ */ s({
 	__name: "ToolbarHost",
 	setup(e) {
-		let [, t] = k(), n = l(X, void 0), r = (e, n) => {
-			t()?.action(V(e, n));
+		let [, t] = A(), n = l(X, void 0), r = (e, n) => {
+			t()?.action(W(e, n));
 		}, i = () => {
-			t()?.action((e) => e.get(F).focus());
+			t()?.action((e) => e.get(L).focus());
 		}, a = {
 			run: r,
+			get activeMarks() {
+				return n?.activeMarks ?? Ne;
+			},
 			insertText: (e) => {
 				t()?.action((t) => {
-					let n = t.get(F);
+					let n = t.get(L);
 					n.dispatch(n.state.tr.insertText(e));
 				}), i();
 			},
 			uploadImage: (e) => {
 				let r = n?.adapters.uploadImage, i = t();
 				!r || !i || i.action((t) => {
-					ge(t.get(F), e, {
+					Ce(t.get(L), e, {
 						uploadImage: r,
 						notify: n?.adapters.notify,
 						locale: n?.locale
@@ -645,20 +694,20 @@ var X = Symbol("kun-editor-context"), Se = [
 				});
 			},
 			insertLink: (e) => {
-				r(ue.key, e), i();
+				r(_e.key, e), i();
 			},
 			insertImage: (e) => {
-				r(G.key, {
+				r(se.key, {
 					src: e.src,
 					alt: e.alt ?? "",
 					title: e.title ?? ""
 				}), i();
 			},
 			insertQuote: (e) => {
-				r(fe.key, e), i();
+				r(ye.key, e), i();
 			},
 			insertMention: (e) => {
-				r(de.key, e), i();
+				r(ve.key, e), i();
 			},
 			focus: i,
 			get adapters() {
@@ -671,9 +720,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(a)));
 	}
-}), st = /* @__PURE__ */ s({
+}), Ct = /* @__PURE__ */ s({
 	__name: "MarkdownSource",
 	props: {
 		modelValue: {},
@@ -681,13 +730,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 = Ee.define(), l = (e) => De.create({
 			doc: e,
 			extensions: [
-				pe(),
-				Y.lineWrapping,
-				xe,
 				be(),
+				Y.lineWrapping,
+				ke,
+				Oe(),
 				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 +773,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 +794,23 @@ var X = Symbol("kun-editor-context"), Se = [
 			class: "kun-editor__source"
 		}, null, 512));
 	}
-}), ct = ["data-mode"], lt = {
+}), wt = ["data-mode"], Tt = {
 	key: 0,
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, ut = [
+}, Et = [
 	"aria-selected",
 	"data-active",
 	"onClick"
-], dt = ["title", "aria-label"], ft = [
+], Dt = ["title", "aria-label"], Ot = [
 	"data-active",
 	"title",
 	"aria-pressed"
-], pt = ["data-swap"], mt = { class: "kun-editor__wysiwyg kun-editor__pane" }, ht = {
+], kt = ["data-swap"], At = { class: "kun-editor__wysiwyg kun-editor__pane" }, jt = {
 	key: 1,
 	class: "kun-editor__loading",
 	"aria-hidden": "true"
-}, gt = /* @__PURE__ */ s({
+}, Mt = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -793,49 +842,54 @@ var X = Symbol("kun-editor-context"), Se = [
 		"update:headings",
 		"update:loading"
 	],
-	setup(s, { expose: l, emit: T }) {
-		let E = [
+	setup(s, { expose: l, emit: E }) {
+		let D = [
 			"bold",
 			"italic",
 			"strike",
 			"code",
 			"link"
-		], O = s, k = T, j = g(!1);
+		], k = s, A = E, M = _(!1);
 		p(() => {
-			j.value = !0;
+			M.value = !0;
 		});
-		let M = g(!0), N = (e) => {
-			M.value = e, k("update:loading", e);
+		let N = _(!0), P = (e) => {
+			N.value = e, A("update:loading", e);
 		};
-		S(() => O.modelValue, (e) => k("update:headings", ee(e)), { immediate: !0 }), h(X, {
+		C(() => k.modelValue, (e) => A("update:headings", ee(e)), { immediate: !0 });
+		let F = g(Me());
+		h(X, {
 			get adapters() {
-				return O.adapters;
+				return k.adapters;
 			},
 			get features() {
-				return O.features;
+				return k.features;
 			},
 			get locale() {
-				return O.locale;
+				return k.locale;
 			},
 			get selectionToolbarItems() {
-				return Array.isArray(O.selectionToolbar) ? O.selectionToolbar : E;
+				return Array.isArray(k.selectionToolbar) ? k.selectionToolbar : D;
+			},
+			get activeMarks() {
+				return F;
 			}
 		});
-		let te = t(() => O.selectionToolbar !== !1), P = g(O.views.includes("wysiwyg") ? "wysiwyg" : O.views[0] ?? "wysiwyg"), F = (e) => {
-			P.value = e;
+		let I = t(() => k.selectionToolbar !== !1), L = _(k.views.includes("wysiwyg") ? "wysiwyg" : k.views[0] ?? "wysiwyg"), R = (e) => {
+			L.value = e;
 		};
-		S(() => O.views, (e) => {
-			e.includes(P.value) || (P.value = e[0] ?? "wysiwyg");
+		C(() => k.views, (e) => {
+			e.includes(L.value) || (L.value = e[0] ?? "wysiwyg");
 		});
-		let I = g(!1), L = () => {
-			I.value = !I.value;
-		}, R = g(O.scrollSync);
-		S(() => O.scrollSync, (e) => {
-			R.value = e;
+		let z = _(!1), B = () => {
+			z.value = !z.value;
+		}, V = _(k.scrollSync);
+		C(() => k.scrollSync, (e) => {
+			V.value = e;
 		});
-		let z = () => {
-			R.value = !R.value;
-		}, ne = t(() => O.locale.toLowerCase().startsWith("en")), B = t(() => ne.value ? {
+		let H = () => {
+			V.value = !V.value;
+		}, te = t(() => k.locale.toLowerCase().startsWith("en")), U = t(() => te.value ? {
 			wysiwyg: "Preview",
 			source: "Markdown",
 			split: "Split",
@@ -847,104 +901,104 @@ var X = Symbol("kun-editor-context"), Se = [
 			split: "分栏",
 			swap: "左右互换",
 			scrollSync: "同步滚动"
-		}), re = g(null), V = null, H = null, U = null, W = () => {
-			V?.(), V = null, H = null;
-		}, ie = () => {
-			W();
-			let e = re.value;
+		}), ne = _(null), W = null, G = null, K = null, q = () => {
+			W?.(), W = null, G = null;
+		}, re = () => {
+			q();
+			let e = ne.value;
 			if (!e) return;
 			let t = e.querySelector(".cm-scroller"), n = e.querySelector(".kun-editor__wysiwyg");
 			if (!t || !n) return;
 			let r = (e, t) => () => {
-				if (H && H !== e) return;
-				H = e;
+				if (G && G !== e) return;
+				G = e;
 				let n = e.scrollHeight - e.clientHeight, r = n > 0 ? e.scrollTop / n : 0, i = t.scrollHeight - t.clientHeight;
-				t.scrollTop = r * (i > 0 ? i : 0), U && clearTimeout(U), U = setTimeout(() => {
-					H = null;
+				t.scrollTop = r * (i > 0 ? i : 0), K && clearTimeout(K), K = setTimeout(() => {
+					G = null;
 				}, 120);
 			}, i = r(t, n), a = r(n, t);
-			t.addEventListener("scroll", i, { passive: !0 }), n.addEventListener("scroll", a, { passive: !0 }), V = () => {
+			t.addEventListener("scroll", i, { passive: !0 }), n.addEventListener("scroll", a, { passive: !0 }), W = () => {
 				t.removeEventListener("scroll", i), n.removeEventListener("scroll", a);
 			};
 		};
-		S([P, R], ([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);
+		C([L, V], ([e, t]) => {
+			q(), e === "split" && t && u(re);
+		}), f(q);
+		let ie = t(() => k.readonly || L.value === "split"), ae = (e) => A("update:modelValue", e), J = _(null), oe = _(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) => J.value?.insertQuote(e),
+			insertMention: (e) => J.value?.insertMention(e),
+			insertImage: (e) => J.value?.insertImage(e),
+			uploadImage: (e) => J.value?.uploadImage(e),
+			focus: () => J.value?.focus(),
 			scrollToHeading: (e) => {
-				P.value === "source" || P.value === "split" ? J.value?.scrollToHeading(e) : q.value?.scrollToHeading(e);
+				L.value === "source" || L.value === "split" ? oe.value?.scrollToHeading(e) : J.value?.scrollToHeading(e);
 			}
 		}), (t, l) => (m(), i("div", {
 			ref_key: "rootEl",
-			ref: re,
+			ref: ne,
 			class: "kun-editor",
 			"data-kun-editor": "",
-			"data-mode": P.value
-		}, [j.value ? (m(), i(e, { key: 0 }, [v(t.$slots, "view-switch", {
-			mode: P.value,
-			setMode: F,
-			labels: B.value,
+			"data-mode": L.value
+		}, [M.value ? (m(), i(e, { key: 0 }, [y(t.$slots, "view-switch", {
+			mode: L.value,
+			setMode: R,
+			labels: U.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", {
+			swapped: z.value,
+			swap: B,
+			scrollSync: V.value,
+			toggleScrollSync: H
+		}, () => [s.views.length > 1 ? (m(), i("div", Tt, [(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", {
+			"aria-selected": L.value === e,
+			"data-active": L.value === e,
+			onClick: (t) => R(e)
+		}, b(U.value[e]), 9, Et))), 128)), L.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: U.value.swap,
+			"aria-label": U.value.swap,
+			onClick: l[0] ||= (e) => B()
+		}, " ⇄ ", 8, Dt), 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": V.value,
+			title: U.value.scrollSync,
+			"aria-pressed": V.value,
+			onClick: l[1] ||= (e) => H()
+		}, b(U.value.scrollSync), 9, Ot)], 64)) : r("", !0)])) : r("", !0)]), o(x(O), null, {
+			default: w(() => [o(x(j), null, {
+				default: w(() => [T(a("div", null, [o(St, null, {
+					default: w((e) => [y(t.$slots, "toolbar", d(c(e)), () => [o(xt)])]),
 					_: 3
-				})], 512), [[x, P.value === "wysiwyg" && !s.readonly]]), a("div", {
+				})], 512), [[S, L.value === "wysiwyg" && !s.readonly]]), a("div", {
 					class: "kun-editor__panes",
-					"data-swap": I.value
-				}, [P.value === "source" || P.value === "split" ? (m(), n(st, {
+					"data-swap": z.value
+				}, [L.value === "source" || L.value === "split" ? (m(), n(Ct, {
 					key: 0,
 					ref_key: "source",
-					ref: J,
+					ref: oe,
 					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": ae
+				}, null, 8, ["model-value", "readonly"])) : r("", !0), T(a("div", At, [o(Xe, {
 					ref_key: "inner",
-					ref: q,
+					ref: J,
 					"model-value": s.modelValue,
 					adapters: s.adapters,
 					features: s.features,
 					locale: s.locale,
-					readonly: G.value,
+					readonly: ie.value,
 					placeholder: s.placeholder,
 					"placeholder-mode": s.placeholderMode,
-					active: P.value === "wysiwyg" && !s.readonly,
-					"selection-toolbar": te.value,
-					"onUpdate:modelValue": K,
-					"onUpdate:loading": N
+					active: L.value === "wysiwyg" && !s.readonly,
+					"selection-toolbar": I.value,
+					"onUpdate:modelValue": ae,
+					"onUpdate:loading": P
 				}, null, 8, [
 					"model-value",
 					"adapters",
@@ -955,18 +1009,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, L.value === "wysiwyg" || L.value === "split"]])], 8, kt)]),
 				_: 3
 			})]),
 			_: 3
-		})], 64)) : r("", !0), !j.value || M.value ? (m(), i("div", ht, [v(t.$slots, "loading", {}, () => [
+		})], 64)) : r("", !0), !M.value || N.value ? (m(), i("div", jt, [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, wt));
 	}
-}), _t = { install(e) {
-	e.component("KunEditor", gt);
+}), Nt = { install(e) {
+	e.component("KunEditor", Mt);
 } };
 //#endregion
-export { Fe as EMOJI, gt as KunEditor, _t as KunEditorPlugin, N as parseHeadings };
+export { Ze as EMOJI, Mt as KunEditor, Nt as KunEditorPlugin, P as parseHeadings };