@kungal/editor-vue 0.32.0 → 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, 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 { 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 Te } from "@codemirror/lang-markdown";
-import { basicSetup as Ee } from "codemirror";
-//#region src/context.ts
-var X = Symbol("kun-editor-context"), De = [
+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"
-], Oe = ["src", "alt"], ke = {
+], ze = ["src", "alt"], Be = {
 	key: 1,
 	class: "kun-mention-dropdown__avatar kun-mention-dropdown__avatar--fallback"
-}, Ae = { class: "kun-mention-dropdown__name" }, je = {
+}, Ve = { class: "kun-mention-dropdown__name" }, He = {
 	key: 1,
 	class: "kun-mention-dropdown__hint"
-}, Me = {
+}, Ue = {
 	key: 2,
 	class: "kun-mention-dropdown__hint"
-}, Ne = {
+}, We = {
 	key: 3,
 	class: "kun-mention-dropdown__hint"
-}, Pe = /* @__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 ? {
@@ -59,30 +89,30 @@ var X = Symbol("kun-editor-context"), De = [
 				}
 				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 !== S.value && (S.value = t, N(t)), !0;
-		}, P = (e) => {
+		}, F = (e) => {
 			let t = d.value;
 			if (!t || !O) return;
-			let n = t.state.schema.nodes[ve];
+			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(W.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), y.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(), y.hide());
 				return;
@@ -98,7 +128,7 @@ var X = Symbol("kun-editor-context"), De = [
 				case "Enter":
 				case "Tab": {
 					let t = w.value[T.value];
-					t && (e.preventDefault(), e.stopPropagation(), P(t));
+					t && (e.preventDefault(), e.stopPropagation(), F(t));
 					break;
 				}
 				case "Escape":
@@ -107,20 +137,20 @@ var X = Symbol("kun-editor-context"), De = [
 			}
 		};
 		return p(() => {
-			y = new re({
+			y = new V({
 				content: g.value,
 				trigger: "@",
-				shouldShow: te,
+				shouldShow: ee,
 				debounce: 0
 			}), y.onShow = () => {
 				x.value = !0;
 			}, y.onHide = () => {
 				x.value = !1, j();
-			}, y.update(d.value, h.value), window.addEventListener("keydown", F, !0);
+			}, 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), y?.destroy();
+			A && clearTimeout(A), window.removeEventListener("keydown", I, !0), y?.destroy();
 		}), (t, n) => (m(), i("div", {
 			ref_key: "divRef",
 			ref: g,
@@ -131,14 +161,14 @@ var X = Symbol("kun-editor-context"), De = [
 			type: "button",
 			class: "kun-mention-dropdown__item",
 			"data-active": t === T.value,
-			onMousedown: E((t) => P(e), ["prevent"]),
+			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, 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, 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"), De = [
 	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\"/>")
-}, Fe = {
+}, Ke = {
 	key: 0,
 	class: "kun-editor__toolbar-divider",
 	"aria-hidden": "true"
-}, Ie = [
+}, qe = [
 	"title",
 	"aria-label",
+	"aria-pressed",
+	"data-active",
 	"onMousedown"
-], Le = ["innerHTML"], Re = /* @__PURE__ */ s({
+], Je = ["innerHTML"], Ye = /* @__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 { 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 && g(J.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: () => g(le.key)
+					run: () => y(de.key),
+					mark: "bold"
 				},
 				italic: {
 					svg: $.italic,
 					title: e ? "Italic" : "斜体",
-					run: () => g(se.key)
+					run: () => y(le.key),
+					mark: "italic"
 				},
 				strike: {
 					svg: $.strike,
 					title: e ? "Strikethrough" : "删除线",
-					run: () => g(Se.key)
+					run: () => y(Te.key),
+					mark: "strike"
 				},
 				code: {
 					svg: $.code,
 					title: e ? "Inline code" : "行内代码",
-					run: () => g(ce.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"), De = [
 			return n;
 		});
 		return p(() => {
-			h = new B({
-				content: d.value,
+			g = new te({
+				content: h.value,
 				offset: 8
-			}), h.update(r.value, o.value);
+			}), g.update(r.value, o.value);
 		}), C([r, o], () => {
-			h?.update(r.value, o.value);
+			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, v(x.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", Fe)) : (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,
+			"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, Le)], 40, Ie))], 64))), 128))], 512));
+		}, null, 8, Je)], 40, qe))], 64))), 128))], 512));
 	}
-}), ze = /* @__PURE__ */ s({
+}), Xe = /* @__PURE__ */ s({
 	__name: "MilkdownEditor",
 	props: {
 		modelValue: {},
@@ -262,120 +300,91 @@ 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 = 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(ne, (e) => ({
+				}), t.update(R, (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: 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;
 		});
-		C(p.loading, (e) => a("update:loading", e), { immediate: !0 }), C(() => 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(U(e)), s = !1);
+			let t = g.get();
+			t && (s = !0, t.action(G(e)), s = !1);
 		}), C(() => i.readonly, () => {
-			p.get()?.action((e) => {
-				let t = e.get(I);
+			g.get()?.action((e) => {
+				let t = e.get(L);
 				t.dispatch(t.state.tr);
 			});
 		});
-		let h = () => {
-			p.get()?.action((e) => e.get(I).focus());
+		let _ = () => {
+			g.get()?.action((e) => e.get(L).focus());
 		};
 		return t({
 			insertQuote: (e) => {
-				p.get()?.action(H(ge.key, e)), h();
+				g.get()?.action(W(ye.key, e)), _();
 			},
 			insertMention: (e) => {
-				p.get()?.action(H(he.key, e)), h();
+				g.get()?.action(W(ve.key, e)), _();
 			},
 			insertImage: (e) => {
-				p.get()?.action(H(q.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) => {
-					be(n.get(I), 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(I), 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 = W.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(x(D)));
 	}
-}), 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 = [
+}), Ze = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Qe = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], We = ["innerHTML"], Ge = { class: "kun-editor__picker-panel" }, Ke = {
+], $e = ["innerHTML"], et = { class: "kun-editor__picker-panel" }, tt = {
 	key: 0,
 	class: "kun-editor__picker-tabs",
 	role: "tablist"
-}, qe = ["data-active"], Je = ["data-active"], Ye = { class: "kun-editor__emoji-grid" }, Xe = ["onClick"], Ze = {
+}, nt = ["data-active"], rt = ["data-active"], it = { class: "kun-editor__emoji-grid" }, at = ["onClick"], ot = {
 	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 = {
+}, 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"
-}, rt = /* @__PURE__ */ s({
+}, ft = /* @__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 ? {
@@ -407,11 +416,11 @@ var X = Symbol("kun-editor-context"), De = [
 		p(() => document.addEventListener("click", j)), f(() => document.removeEventListener("click", j));
 		let M = (e) => {
 			o()?.action((t) => {
-				let n = t.get(I), { 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(H(q.key, {
+			o()?.action(W(se.key, {
 				src: e,
 				title: t,
 				alt: t
@@ -431,28 +440,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, $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"
-			}, b(h.value.emoji), 9, qe), 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"
-			}, 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", {
+			}, 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)
-			}, 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", {
+			}, 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", Qe, b(t.name), 1), a("div", $e, [(m(!0), i(e, null, v(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",
@@ -462,37 +471,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)
+			}, 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));
 	}
-}), it = {
+}), pt = {
 	class: "kun-editor__format-toolbar",
 	role: "toolbar"
-}, at = ["aria-label"], ot = {
+}, mt = ["aria-label"], ht = {
 	value: "",
 	disabled: "",
 	selected: ""
-}, st = ["value"], ct = [
+}, gt = ["value"], _t = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"data-active",
 	"onClick"
-], lt = ["innerHTML"], ut = ["title", "aria-label"], dt = ["innerHTML"], ft = /* @__PURE__ */ s({
+], vt = ["innerHTML"], yt = ["title", "aria-label"], bt = ["innerHTML"], xt = /* @__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] = 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(I), { 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(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(_e.key, { href: n });
+		}, y = t(() => {
+			let e = p.value;
 			return {
 				textSize: e ? "Text size" : "文本大小",
 				bold: e ? "Bold" : "加粗",
@@ -508,8 +517,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 +531,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(Se.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(de.key),
 					mark: "bold"
 				},
 				{
 					svg: $.italic,
-					title: S.value.italic,
-					run: () => g(se.key),
+					title: y.value.italic,
+					run: () => h(le.key),
 					mark: "italic"
 				},
 				{
 					svg: $.strike,
-					title: S.value.strike,
-					run: () => g(Se.key),
+					title: y.value.strike,
+					run: () => h(Te.key),
 					mark: "strike"
 				},
 				{
 					svg: $.code,
-					title: S.value.code,
-					run: () => g(ce.key),
+					title: y.value.code,
+					run: () => h(ue.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(pe.key)
 				},
 				{
 					svg: $.orderedList,
-					title: S.value.orderedList,
-					run: () => g(fe.key)
+					title: y.value.orderedList,
+					run: () => h(me.key)
 				},
 				{
 					svg: $.quote,
-					title: S.value.quote,
-					run: () => g(ue.key)
+					title: y.value.quote,
+					run: () => h(fe.key)
 				},
 				{
 					svg: $.codeBlock,
-					title: S.value.codeBlock,
-					run: () => g(ie.key, "")
+					title: y.value.codeBlock,
+					run: () => h(ie.key, "")
 				},
 				{
 					svg: $.hr,
-					title: S.value.hr,
-					run: () => g(K.key)
+					title: y.value.hr,
+					run: () => h(oe.key)
 				}
 			],
 			[{
 				svg: $.spoiler,
-				title: S.value.spoiler,
-				run: () => g(me.key)
+				title: y.value.spoiler,
+				run: () => h(ge.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, {
+				Ce(e.get(L), n, {
 					uploadImage: r,
 					notify: c?.adapters.notify,
 					locale: c?.locale
 				});
 			});
 		};
-		return (t, n) => (m(), i("div", it, [
+		return (t, n) => (m(), i("div", pt, [
 			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", ht, 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, 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, v(t, (e, t) => (m(), i("button", {
@@ -625,8 +634,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, 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"
@@ -634,48 +643,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, bt)], 8, yt),
 				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(ft)], 64)) : r("", !0)
 		]));
 	}
-}), pt = /* @__PURE__ */ s({
+}), St = /* @__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] = A(), n = l(X, void 0), r = (e, n) => {
+			t()?.action(W(e, n));
+		}, i = () => {
+			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(I);
+					let n = t.get(L);
 					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, {
+					Ce(t.get(L), e, {
 						uploadImage: r,
 						notify: n?.adapters.notify,
 						locale: n?.locale
@@ -683,22 +694,22 @@ var X = Symbol("kun-editor-context"), De = [
 				});
 			},
 			insertLink: (e) => {
-				a(J.key, e), o();
+				r(_e.key, e), i();
 			},
 			insertImage: (e) => {
-				a(q.key, {
+				r(se.key, {
 					src: e.src,
 					alt: e.alt ?? "",
 					title: e.title ?? ""
-				}), o();
+				}), i();
 			},
 			insertQuote: (e) => {
-				a(ge.key, e), o();
+				r(ye.key, e), i();
 			},
 			insertMention: (e) => {
-				a(he.key, e), o();
+				r(ve.key, e), i();
 			},
-			focus: o,
+			focus: i,
 			get adapters() {
 				return n?.adapters ?? {};
 			},
@@ -709,9 +720,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({
+}), Ct = /* @__PURE__ */ s({
 	__name: "MarkdownSource",
 	props: {
 		modelValue: {},
@@ -719,13 +730,13 @@ 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 = Ee.define(), l = (e) => De.create({
 			doc: e,
 			extensions: [
-				_e(),
+				be(),
 				Y.lineWrapping,
-				Ee,
-				Te(),
+				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());
@@ -783,23 +794,23 @@ var X = Symbol("kun-editor-context"), De = [
 			class: "kun-editor__source"
 		}, null, 512));
 	}
-}), ht = ["data-mode"], gt = {
+}), wt = ["data-mode"], Tt = {
 	key: 0,
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, _t = [
+}, Et = [
 	"aria-selected",
 	"data-active",
 	"onClick"
-], vt = ["title", "aria-label"], yt = [
+], Dt = ["title", "aria-label"], Ot = [
 	"data-active",
 	"title",
 	"aria-pressed"
-], bt = ["data-swap"], xt = { class: "kun-editor__wysiwyg kun-editor__pane" }, St = {
+], kt = ["data-swap"], At = { class: "kun-editor__wysiwyg kun-editor__pane" }, jt = {
 	key: 1,
 	class: "kun-editor__loading",
 	"aria-hidden": "true"
-}, Ct = /* @__PURE__ */ s({
+}, Mt = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -831,49 +842,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: E }) {
+		let D = [
 			"bold",
 			"italic",
 			"strike",
 			"code",
 			"link"
-		], D = s, k = g, A = _(!1);
+		], k = s, A = E, M = _(!1);
 		p(() => {
-			A.value = !0;
+			M.value = !0;
 		});
-		let M = _(!0), N = (e) => {
-			M.value = e, k("update:loading", e);
+		let N = _(!0), P = (e) => {
+			N.value = e, A("update:loading", e);
 		};
-		C(() => D.modelValue, (e) => k("update:headings", te(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 D.adapters;
+				return k.adapters;
 			},
 			get features() {
-				return D.features;
+				return k.features;
 			},
 			get locale() {
-				return D.locale;
+				return k.locale;
 			},
 			get selectionToolbarItems() {
-				return Array.isArray(D.selectionToolbar) ? D.selectionToolbar : E;
+				return Array.isArray(k.selectionToolbar) ? k.selectionToolbar : D;
+			},
+			get activeMarks() {
+				return F;
 			}
 		});
-		let ee = t(() => D.selectionToolbar !== !1), P = _(D.views.includes("wysiwyg") ? "wysiwyg" : D.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;
 		};
-		C(() => D.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 = _(!1), ne = () => {
-			I.value = !I.value;
-		}, L = _(D.scrollSync);
-		C(() => D.scrollSync, (e) => {
-			L.value = e;
+		let z = _(!1), B = () => {
+			z.value = !z.value;
+		}, V = _(k.scrollSync);
+		C(() => k.scrollSync, (e) => {
+			V.value = e;
 		});
-		let R = () => {
-			L.value = !L.value;
-		}, re = t(() => D.locale.toLowerCase().startsWith("en")), z = t(() => re.value ? {
+		let H = () => {
+			V.value = !V.value;
+		}, te = t(() => k.locale.toLowerCase().startsWith("en")), U = t(() => te.value ? {
 			wysiwyg: "Preview",
 			source: "Markdown",
 			split: "Split",
@@ -885,104 +901,104 @@ var X = Symbol("kun-editor-context"), De = [
 			split: "分栏",
 			swap: "左右互换",
 			scrollSync: "同步滚动"
-		}), B = _(null), V = null, H = null, U = null, W = () => {
-			V?.(), V = null, H = null;
-		}, ie = () => {
-			W();
-			let e = B.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);
 			};
 		};
-		C([P, L], ([e, t]) => {
-			W(), e === "split" && t && u(ie);
-		}), f(W);
-		let ae = t(() => D.readonly || P.value === "split"), G = (e) => k("update:modelValue", e), K = _(null), q = _(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) => K.value?.insertQuote(e),
-			insertMention: (e) => K.value?.insertMention(e),
-			insertImage: (e) => K.value?.insertImage(e),
-			uploadImage: (e) => K.value?.uploadImage(e),
-			focus: () => K.value?.focus(),
+			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" ? q.value?.scrollToHeading(e) : K.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: B,
+			ref: ne,
 			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
+		}, [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: 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", {
+			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)
-		}, 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) => 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: z.value.swap,
-			"aria-label": z.value.swap,
-			onClick: l[0] ||= (e) => ne()
-		}, " ⇄ ", 8, vt), 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": 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, {
+			"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(pt, null, {
-					default: w((e) => [y(t.$slots, "toolbar", d(c(e)), () => [o(ft)])]),
+				default: w(() => [T(a("div", null, [o(St, null, {
+					default: w((e) => [y(t.$slots, "toolbar", d(c(e)), () => [o(xt)])]),
 					_: 3
-				})], 512), [[S, 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(mt, {
+					"data-swap": z.value
+				}, [L.value === "source" || L.value === "split" ? (m(), n(Ct, {
 					key: 0,
 					ref_key: "source",
-					ref: q,
+					ref: oe,
 					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, {
+					"onUpdate:modelValue": ae
+				}, null, 8, ["model-value", "readonly"])) : r("", !0), T(a("div", At, [o(Xe, {
 					ref_key: "inner",
-					ref: K,
+					ref: J,
 					"model-value": s.modelValue,
 					adapters: s.adapters,
 					features: s.features,
 					locale: s.locale,
-					readonly: ae.value,
+					readonly: ie.value,
 					placeholder: s.placeholder,
 					"placeholder-mode": s.placeholderMode,
-					active: P.value === "wysiwyg" && !s.readonly,
-					"selection-toolbar": ee.value,
-					"onUpdate:modelValue": G,
-					"onUpdate:loading": N
+					active: L.value === "wysiwyg" && !s.readonly,
+					"selection-toolbar": I.value,
+					"onUpdate:modelValue": ae,
+					"onUpdate:loading": P
 				}, null, 8, [
 					"model-value",
 					"adapters",
@@ -993,18 +1009,18 @@ var X = Symbol("kun-editor-context"), De = [
 					"placeholder-mode",
 					"active",
 					"selection-toolbar"
-				])], 512), [[S, P.value === "wysiwyg" || P.value === "split"]])], 8, bt)]),
+				])], 512), [[S, L.value === "wysiwyg" || L.value === "split"]])], 8, kt)]),
 				_: 3
 			})]),
 			_: 3
-		})], 64)) : r("", !0), !A.value || M.value ? (m(), i("div", St, [y(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, ht));
+		])])) : r("", !0)], 8, wt));
 	}
-}), wt = { install(e) {
-	e.component("KunEditor", Ct);
+}), Nt = { install(e) {
+	e.component("KunEditor", Mt);
 } };
 //#endregion
-export { He as EMOJI, Ct as KunEditor, wt as KunEditorPlugin, ee as parseHeadings };
+export { Ze as EMOJI, Mt as KunEditor, Nt as KunEditorPlugin, P as parseHeadings };