@kungal/editor-vue 0.32.0 → 0.33.0

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