@kungal/editor-vue 0.32.1 → 0.34.0

package/dist/index.js

@@ -1,68 +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 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 { 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 z, rootCtx as B } from "@milkdown/kit/core";
+import { listenerCtx as ne } from "@milkdown/kit/plugin/listener";
+import { SlashProvider as re, slashFactory as V } from "@milkdown/kit/plugin/slash";
+import { TooltipProvider as ie, tooltipFactory as H } from "@milkdown/kit/plugin/tooltip";
+import { $prose as U, callCommand as W, replaceAll as G } from "@milkdown/kit/utils";
+import { Plugin as ae, PluginKey as oe, TextSelection as K } from "@milkdown/kit/prose/state";
+import { createCodeBlockCommand as q, emphasisSchema as se, inlineCodeSchema as ce, insertHrCommand as le, insertImageCommand as ue, linkSchema as de, strongSchema as fe, toggleEmphasisCommand as pe, toggleInlineCodeCommand as me, toggleStrongCommand as he, wrapInBlockquoteCommand as ge, wrapInBulletListCommand as _e, wrapInOrderedListCommand as ve } from "@milkdown/kit/preset/commonmark";
+import { createKunEditorPlugins as ye, insertKunSpoilerCommand as be, insertLinkCommand as J, insertMentionCommand as xe, insertQuoteCommand as Se, kunCM as Ce, mentionId as we, setHeadingCommand as Te, startImageUpload as Ee } from "@kungal/editor-core/preset";
+import { strikethroughSchema as De, toggleStrikethroughCommand as Oe } from "@milkdown/kit/preset/gfm";
+import { Annotation as ke, EditorState as Ae } from "@codemirror/state";
 import { EditorView as Y } from "@codemirror/view";
-import { markdown as Oe } from "@codemirror/lang-markdown";
-import { basicSetup as ke } from "codemirror";
+import { markdown as je } from "@codemirror/lang-markdown";
+import { basicSetup as Me } from "codemirror";
 //#region src/active-marks.ts
-var Ae = [
+var Ne = [
 	"bold",
 	"italic",
 	"strike",
 	"code"
-], je = {
-	bold: ce,
-	italic: ae,
-	strike: we,
-	code: J
-}, Me = () => ({
+], Pe = {
+	bold: fe,
+	italic: se,
+	strike: De,
+	code: ce
+}, Fe = () => ({
 	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);
+}), Ie = Object.freeze(Fe()), Le = (e, t) => {
+	let { from: n, $from: r, to: i, empty: a } = e.selection, o = Fe();
+	for (let s of Ne) {
+		let c = Pe[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);
+}, Re = (e, t, n) => {
+	let r = Le(e, t);
+	for (let e of Ne) n[e] !== r[e] && (n[e] = r[e]);
+}, ze = new oe("KUN_ACTIVE_MARKS"), Be = (e) => U((t) => new ae({
+	key: ze,
+	view: (n) => (Re(n.state, t, e), { update(n) {
+		Re(n.state, t, e);
 	} })
-})), X = Symbol("kun-editor-context"), Re = [
+})), X = Symbol("kun-editor-context"), Ve = [
 	"data-active",
 	"onMousedown",
 	"onMouseenter"
-], ze = ["src", "alt"], Be = {
+], He = ["src", "alt"], Ue = {
 	key: 1,
 	class: "kun-mention-dropdown__avatar kun-mention-dropdown__avatar--fallback"
-}, Ve = { class: "kun-mention-dropdown__name" }, He = {
+}, We = { class: "kun-mention-dropdown__name" }, Ge = {
 	key: 1,
 	class: "kun-mention-dropdown__hint"
-}, Ue = {
+}, Ke = {
 	key: 2,
 	class: "kun-mention-dropdown__hint"
-}, We = {
+}, qe = {
 	key: 3,
 	class: "kun-mention-dropdown__hint"
-}, Ge = /* @__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 ? {
@@ -73,51 +73,51 @@ var Ae = [
 			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);
-		}, P = (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;
-		}, ee = (e) => {
-			let t = P(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;
+			}, 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[xe];
+			if (!t || !D) return;
+			let n = t.state.schema.nodes[we];
 			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(re.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), y.hide();
+			}), { from: i, to: a } = D, o = t.state.tr.replaceWith(i, a, r), s = i + r.nodeSize;
+			o.insertText(" ", s), o.setSelection(K.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), y.hide();
 		}, I = (e) => {
-			if (!x.value || !w.value.length) {
+			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;
@@ -127,7 +127,7 @@ var Ae = [
 					break;
 				case "Enter":
 				case "Tab": {
-					let t = w.value[T.value];
+					let t = C.value[T.value];
 					t && (e.preventDefault(), e.stopPropagation(), F(t));
 					break;
 				}
@@ -137,17 +137,17 @@ var Ae = [
 			}
 		};
 		return p(() => {
-			y = new V({
+			y = new re({
 				content: g.value,
 				trigger: "@",
-				shouldShow: ee,
+				shouldShow: P,
 				debounce: 0
 			}), y.onShow = () => {
 				x.value = !0;
 			}, y.onHide = () => {
 				x.value = !1, j();
 			}, y.update(d.value, h.value), window.addEventListener("keydown", I, !0);
-		}), C([d, h], () => {
+		}), w([d, h], () => {
 			y?.update(d.value, h.value);
 		}), f(() => {
 			A && clearTimeout(A), window.removeEventListener("keydown", I, !0), y?.destroy();
@@ -156,21 +156,28 @@ var Ae = [
 			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) => F(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, 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));
+		}, 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>`, $ = {
+}), Ye = (e, t) => {
+	let n = de.type(t), { from: r, to: i } = e.selection, a = "";
+	return e.doc.nodesBetween(r, i, (e) => {
+		if (a) return !1;
+		let t = n.isInSet(e.marks);
+		return t && (a = String(t.attrs.href ?? "")), !0;
+	}), a;
+}, 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\"/>"),
 	italic: Z("<line x1=\"19\" y1=\"4\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"20\" x2=\"5\" y2=\"20\"/><line x1=\"15\" y1=\"4\" x2=\"9\" y2=\"20\"/>"),
 	strike: Z("<path d=\"M16 4H9a3 3 0 0 0-2.83 4\"/><path d=\"M14 12a4 4 0 0 1 0 8H6\"/><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/>"),
@@ -187,63 +194,90 @@ var Ae = [
 	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\"/>")
-}, Ke = {
+}, Xe = ["data-mode"], Ze = ["placeholder", "aria-label"], Qe = ["title", "aria-label"], $e = ["innerHTML"], et = ["title", "aria-label"], tt = ["innerHTML"], nt = {
 	key: 0,
 	class: "kun-editor__toolbar-divider",
 	"aria-hidden": "true"
-}, qe = [
+}, rt = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"data-active",
 	"onMousedown"
-], Je = ["innerHTML"], Ye = /* @__PURE__ */ s({
+], it = ["innerHTML"], at = /* @__PURE__ */ s({
 	__name: "SelectionTooltip",
 	setup(n) {
-		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(d.value ? "Link URL" : "链接 URL"))?.trim();
-			o && y(_e.key, { href: o });
-		}, S = t(() => {
-			let e = d.value;
+		let { view: r, prevState: o } = ee(), [, s] = M(), c = l(X), d = c?.activeMarks ?? Ie, h = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), g = t(() => {
+			let e = h.value;
 			return {
-				bold: {
-					svg: $.bold,
-					title: e ? "Bold" : "加粗",
-					run: () => y(de.key),
-					mark: "bold"
-				},
-				italic: {
-					svg: $.italic,
-					title: e ? "Italic" : "斜体",
-					run: () => y(le.key),
-					mark: "italic"
-				},
-				strike: {
-					svg: $.strike,
-					title: e ? "Strikethrough" : "删除线",
-					run: () => y(Te.key),
-					mark: "strike"
-				},
-				code: {
-					svg: $.code,
-					title: e ? "Inline code" : "行内代码",
-					run: () => y(ue.key),
-					mark: "code"
-				},
-				link: {
-					svg: $.link,
-					title: e ? "Link" : "链接",
-					run: b
-				}
+				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" : "取消"
 			};
-		}), w = t(() => {
-			let e = S.value, t = (c?.selectionToolbarItems ?? [
+		}), y = _(null), b, C = (e, t) => {
+			s()?.action(W(e, t));
+		}, T = _(!1), k = _(""), A = _(null), j = () => {
+			let e = "";
+			return s()?.action((t) => {
+				let n = r.value?.state;
+				n && (e = Ye(n, t));
+			}), e;
+		}, N = () => {
+			T.value = !1, k.value = "", r.value?.focus();
+		}, P = () => {
+			let e = k.value.trim();
+			e && C(J.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(J.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(he.key),
+				mark: "bold"
+			},
+			italic: {
+				svg: $.italic,
+				title: g.value.italic,
+				run: () => C(pe.key),
+				mark: "italic"
+			},
+			strike: {
+				svg: $.strike,
+				title: g.value.strike,
+				run: () => C(Oe.key),
+				mark: "strike"
+			},
+			code: {
+				svg: $.code,
+				title: g.value.code,
+				run: () => C(me.key),
+				mark: "code"
+			},
+			link: {
+				svg: $.link,
+				title: g.value.link,
+				run: F
+			}
+		})), L = t(() => {
+			let e = I.value, t = (c?.selectionToolbarItems ?? [
 				"bold",
 				"italic",
 				"strike",
@@ -258,34 +292,70 @@ var Ae = [
 			return n;
 		});
 		return p(() => {
-			g = new te({
-				content: h.value,
+			b = new ie({
+				content: y.value,
 				offset: 8
-			}), g.update(r.value, o.value);
-		}), C([r, o], () => {
-			g?.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(() => {
-			g?.destroy();
+			b?.destroy();
 		}), (t, n) => (m(), i("div", {
 			ref_key: "divRef",
-			ref: h,
+			ref: y,
 			class: "kun-editor__bubble",
-			"data-show": "false"
-		}, [(m(!0), i(e, null, v(w.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", Ke)) : (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__link-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, Ze), [[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, $e)], 40, Qe),
+			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, tt)], 40, et)
+		], 64)) : (m(!0), i(e, { key: 1 }, v(L.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", nt)) : (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"])
+			"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, Je)], 40, qe))], 64))), 128))], 512));
+		}, null, 8, it)], 40, rt))], 64))), 128))], 8, Xe));
 	}
-}), Xe = /* @__PURE__ */ s({
+}), ot = /* @__PURE__ */ s({
 	__name: "MilkdownEditor",
 	props: {
 		modelValue: {},
@@ -300,44 +370,44 @@ var Ae = [
 	},
 	emits: ["update:modelValue", "update:loading"],
 	setup(e, { expose: t, emit: r }) {
-		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) => {
+		let i = e, a = r, o = i.modelValue, s = !1, c = l(X), u = P(), d = V("kunMention"), f = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!u, p = H("kunSelectionTooltip"), h = i.selectionToolbar && !!u, g = j((e) => {
+			let t = L.make().config((t) => {
+				t.set(B, e), t.set(te, i.modelValue), t.get(ne).markdownUpdated((e, t, n) => {
 					!i.active || s || t === n || (o = t, a("update:modelValue", t));
-				}), t.update(R, (e) => ({
+				}), t.update(z, (e) => ({
 					...e,
 					editable: () => !i.readonly
-				})), f && t.set(d.key, { view: u({ component: Ge }) }), h && t.set(p.key, { view: u({ component: Ye }) });
-			}).use(he(i.adapters, i.features, {
+				})), f && t.set(d.key, { view: u({ component: Je }) }), h && t.set(p.key, { view: u({ component: at }) });
+			}).use(ye(i.adapters, i.features, {
 				locale: i.locale,
 				placeholder: i.placeholder,
 				placeholderMode: i.placeholderMode
 			}));
-			return f && t.use(d), h && t.use(p), c && t.use(Le(c.activeMarks)), t;
+			return f && t.use(d), h && t.use(p), c && t.use(Be(c.activeMarks)), t;
 		});
-		C(g.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 = g.get();
 			t && (s = !0, t.action(G(e)), s = !1);
-		}), C(() => i.readonly, () => {
+		}), w(() => i.readonly, () => {
 			g.get()?.action((e) => {
-				let t = e.get(L);
+				let t = e.get(R);
 				t.dispatch(t.state.tr);
 			});
 		});
 		let _ = () => {
-			g.get()?.action((e) => e.get(L).focus());
+			g.get()?.action((e) => e.get(R).focus());
 		};
 		return t({
 			insertQuote: (e) => {
-				g.get()?.action(W(ye.key, e)), _();
+				g.get()?.action(W(Se.key, e)), _();
 			},
 			insertMention: (e) => {
-				g.get()?.action(W(ve.key, e)), _();
+				g.get()?.action(W(xe.key, e)), _();
 			},
 			insertImage: (e) => {
-				g.get()?.action(W(se.key, {
+				g.get()?.action(W(ue.key, {
 					src: e.src,
 					alt: e.alt ?? "",
 					title: e.title ?? ""
@@ -346,7 +416,7 @@ var Ae = [
 			uploadImage: (e) => {
 				let t = i.adapters.uploadImage, n = g.get();
 				!t || !n || n.action((n) => {
-					Ce(n.get(L), e, {
+					Ee(n.get(R), e, {
 						uploadImage: t,
 						notify: i.adapters.notify,
 						locale: i.locale
@@ -356,38 +426,116 @@ var Ae = [
 			focus: _,
 			scrollToHeading: (e) => {
 				g.get()?.action((t) => {
-					let n = t.get(L), r = 0, i = -1;
+					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 = re.near(n.state.doc.resolve(i + 1));
+						let e = K.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)));
+	}
+}), st = [
+	"title",
+	"aria-label",
+	"aria-expanded"
+], ct = ["innerHTML"], lt = { class: "kun-editor__link-panel" }, ut = ["placeholder", "aria-label"], dt = ["title", "aria-label"], ft = ["innerHTML"], pt = /* @__PURE__ */ s({
+	__name: "LinkInput",
+	setup(e) {
+		let [, n] = M(), r = l(X), o = t(() => (r?.locale ?? "zh-cn").toLowerCase().startsWith("en")), s = t(() => {
+			let e = o.value;
+			return {
+				link: e ? "Link" : "链接",
+				linkUrl: e ? "Link URL" : "链接 URL",
+				apply: e ? "Apply" : "确定"
+			};
+		}), c = _(!1), d = _(""), h = _(null), g = _(null), v = (e) => {
+			e && n()?.action(W(J.key, { href: e }));
+		}, y = () => {
+			c.value = !1, d.value = "";
+		}, b = () => {
+			y(), n()?.action((e) => e.get(R).focus());
+		}, w = () => {
+			v(d.value.trim()), b();
+		}, T = async () => {
+			let e = r?.adapters.linkPrompt;
+			if (e) {
+				let t = "";
+				n()?.action((e) => {
+					let { state: n } = e.get(R), { from: r, to: i } = n.selection;
+					t = n.doc.textBetween(r, i, " ");
+				}), v((await e({ text: t }))?.trim() ?? "");
+				return;
+			}
+			if (c.value) {
+				y();
+				return;
+			}
+			n()?.action((e) => {
+				d.value = Ye(e.get(R).state, e);
+			}), c.value = !0, await u(), g.value?.focus(), g.value?.select();
+		}, k = (e) => {
+			c.value && h.value && !h.value.contains(e.target) && y();
+		};
+		return p(() => document.addEventListener("click", k)), f(() => document.removeEventListener("click", k)), (e, t) => (m(), i("div", {
+			ref_key: "rootRef",
+			ref: h,
+			class: "kun-editor__link"
+		}, [a("button", {
+			type: "button",
+			class: "kun-editor__tool",
+			title: s.value.link,
+			"aria-label": s.value.link,
+			"aria-expanded": c.value,
+			onClick: T
+		}, [a("span", {
+			class: "kun-editor__icon",
+			innerHTML: x($).link
+		}, null, 8, ct)], 8, st), E(a("div", lt, [E(a("input", {
+			ref_key: "inputRef",
+			ref: g,
+			"onUpdate:modelValue": t[0] ||= (e) => d.value = e,
+			type: "url",
+			class: "kun-editor__link-input",
+			placeholder: s.value.linkUrl,
+			"aria-label": s.value.linkUrl,
+			spellcheck: "false",
+			autocomplete: "off",
+			onKeydown: [t[1] ||= D(O((e) => w(), ["prevent"]), ["enter"]), t[2] ||= D(O((e) => b(), ["stop", "prevent"]), ["esc"])]
+		}, null, 40, ut), [[S, d.value]]), a("button", {
+			type: "button",
+			class: "kun-editor__tool",
+			title: s.value.apply,
+			"aria-label": s.value.apply,
+			onClick: t[3] ||= (e) => w()
+		}, [a("span", {
+			class: "kun-editor__icon",
+			innerHTML: x($).check
+		}, null, 8, ft)], 8, dt)], 512), [[C, c.value]])], 512));
 	}
-}), Ze = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Qe = [
+}), mt = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), ht = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], $e = ["innerHTML"], et = { class: "kun-editor__picker-panel" }, tt = {
+], gt = ["innerHTML"], _t = { class: "kun-editor__picker-panel" }, vt = {
 	key: 0,
 	class: "kun-editor__picker-tabs",
 	role: "tablist"
-}, nt = ["data-active"], rt = ["data-active"], it = { class: "kun-editor__emoji-grid" }, at = ["onClick"], ot = {
+}, yt = ["data-active"], bt = ["data-active"], xt = { class: "kun-editor__emoji-grid" }, St = ["onClick"], Ct = {
 	key: 1,
 	class: "kun-editor__sticker-body"
-}, st = { class: "kun-editor__pack-name" }, ct = { class: "kun-editor__sticker-grid" }, lt = ["title", "onClick"], ut = ["src", "alt"], dt = {
+}, wt = { class: "kun-editor__pack-name" }, Tt = { class: "kun-editor__sticker-grid" }, Et = ["title", "onClick"], Dt = ["src", "alt"], Ot = {
 	key: 1,
 	class: "kun-editor__picker-hint"
-}, ft = /* @__PURE__ */ s({
+}, kt = /* @__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",
@@ -399,9 +547,9 @@ var Ae = [
 			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 {
@@ -410,17 +558,17 @@ var Ae = [
 			}
 		}, 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(L), { 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(W(se.key, {
+			o()?.action(W(ue.key, {
 				src: e,
 				title: t,
 				alt: t
@@ -440,28 +588,28 @@ var Ae = [
 		}, [a("span", {
 			class: "kun-editor__icon",
 			innerHTML: x($).smile
-		}, null, 8, $e)], 8, Qe), T(a("div", et, [
-			u ? (m(), i("div", tt, [a("button", {
+		}, null, 8, gt)], 8, ht), E(a("div", _t, [
+			u ? (m(), i("div", vt, [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, nt), a("button", {
+				"data-active": S.value === "emoji",
+				onClick: n[0] ||= (e) => S.value = "emoji"
+			}, b(h.value.emoji), 9, yt), 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, rt)])) : r("", !0),
-			T(a("div", it, [(m(!0), i(e, null, v(x(Ze), (e, t) => (m(), i("button", {
+				"data-active": S.value === "sticker",
+				onClick: n[1] ||= (e) => S.value = "sticker"
+			}, b(h.value.sticker), 9, bt)])) : r("", !0),
+			E(a("div", xt, [(m(!0), i(e, null, v(x(mt), (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__emoji",
-				onClick: (t) => M(e)
-			}, 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", {
+				onClick: (t) => j(e)
+			}, b(e), 9, St))), 128))], 512), [[C, !u || S.value === "emoji"]]),
+			u ? E((m(), i("div", Ct, [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", st, b(t.name), 1), a("div", ct, [(m(!0), i(e, null, v(t.stickers, (e, t) => (m(), i("button", {
+			}, [a("div", wt, b(t.name), 1), a("div", Tt, [(m(!0), i(e, null, v(t.stickers, (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__sticker",
@@ -471,44 +619,35 @@ var Ae = [
 				src: e.src,
 				alt: e.name,
 				loading: "lazy"
-			}, 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));
+			}, null, 8, Dt)], 8, Et))), 128))])]))), 128)) : (m(), i("div", Ot, b(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[C, S.value === "sticker"]]) : r("", !0)
+		], 512), [[C, g.value]])], 512));
 	}
-}), pt = {
+}), At = {
 	class: "kun-editor__format-toolbar",
 	role: "toolbar"
-}, mt = ["aria-label"], ht = {
+}, jt = ["aria-label"], Mt = {
 	value: "",
 	disabled: "",
 	selected: ""
-}, gt = ["value"], _t = [
+}, Nt = ["value"], Pt = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"data-active",
 	"onClick"
-], vt = ["innerHTML"], yt = ["title", "aria-label"], bt = ["innerHTML"], xt = /* @__PURE__ */ s({
+], Ft = ["innerHTML"], It = ["title", "aria-label"], Lt = ["innerHTML"], Rt = /* @__PURE__ */ s({
 	__name: "EditorToolbar",
-	setup(n) {
-		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(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(p.value ? "Link URL" : "链接 URL"))?.trim();
-			n && h(_e.key, { href: n });
+	setup(s) {
+		let [, c] = M(), u = l(X), d = u?.activeMarks ?? Ie, f = t(() => u?.adapters.uploadImage), p = t(() => u?.features.sticker !== !1), h = t(() => (u?.locale ?? "zh-cn").toLowerCase().startsWith("en")), g = (e, t) => {
+			c()?.action(W(e, t));
 		}, y = t(() => {
-			let e = p.value;
+			let e = h.value;
 			return {
 				textSize: e ? "Text size" : "文本大小",
 				bold: e ? "Bold" : "加粗",
 				italic: e ? "Italic" : "斜体",
 				strike: e ? "Strikethrough" : "删除线",
 				code: e ? "Inline code" : "行内代码",
-				link: e ? "Link" : "链接",
 				bulletList: e ? "Bullet list" : "无序列表",
 				orderedList: e ? "Ordered list" : "有序列表",
 				quote: e ? "Blockquote" : "引用块",
@@ -518,7 +657,7 @@ var Ae = [
 				image: e ? "Upload image" : "上传图片"
 			};
 		}), S = t(() => {
-			let e = p.value;
+			let e = h.value;
 			return [
 				"正文",
 				"一级标题",
@@ -533,110 +672,106 @@ var Ae = [
 			}));
 		}), C = (e) => {
 			let t = e.target;
-			h(Se.key, Number(t.value)), t.selectedIndex = 0;
+			g(Te.key, Number(t.value)), t.selectedIndex = 0;
 		}, w = t(() => [
 			[
 				{
 					svg: $.bold,
 					title: y.value.bold,
-					run: () => h(de.key),
+					run: () => g(he.key),
 					mark: "bold"
 				},
 				{
 					svg: $.italic,
 					title: y.value.italic,
-					run: () => h(le.key),
+					run: () => g(pe.key),
 					mark: "italic"
 				},
 				{
 					svg: $.strike,
 					title: y.value.strike,
-					run: () => h(Te.key),
+					run: () => g(Oe.key),
 					mark: "strike"
 				},
 				{
 					svg: $.code,
 					title: y.value.code,
-					run: () => h(ue.key),
+					run: () => g(me.key),
 					mark: "code"
 				},
-				{
-					svg: $.link,
-					title: y.value.link,
-					run: g
-				}
+				{ link: !0 }
 			],
 			[
 				{
 					svg: $.bulletList,
 					title: y.value.bulletList,
-					run: () => h(pe.key)
+					run: () => g(_e.key)
 				},
 				{
 					svg: $.orderedList,
 					title: y.value.orderedList,
-					run: () => h(me.key)
+					run: () => g(ve.key)
 				},
 				{
 					svg: $.quote,
 					title: y.value.quote,
-					run: () => h(fe.key)
+					run: () => g(ge.key)
 				},
 				{
 					svg: $.codeBlock,
 					title: y.value.codeBlock,
-					run: () => h(ie.key, "")
+					run: () => g(q.key, "")
 				},
 				{
 					svg: $.hr,
 					title: y.value.hr,
-					run: () => h(oe.key)
+					run: () => g(le.key)
 				}
 			],
 			[{
 				svg: $.spoiler,
 				title: y.value.spoiler,
-				run: () => h(ge.key)
+				run: () => g(be.key)
 			}]
 		]), T = _(null), E = () => T.value?.click(), D = (e) => {
 			let t = e.target, n = t.files?.[0];
 			t.value = "";
-			let r = d.value;
-			!n || !r || s()?.action((e) => {
-				Ce(e.get(L), n, {
+			let r = f.value;
+			!n || !r || c()?.action((e) => {
+				Ee(e.get(R), n, {
 					uploadImage: r,
-					notify: c?.adapters.notify,
-					locale: c?.locale
+					notify: u?.adapters.notify,
+					locale: u?.locale
 				});
 			});
 		};
-		return (t, n) => (m(), i("div", pt, [
+		return (t, s) => (m(), i("div", At, [
 			a("select", {
 				class: "kun-editor__heading-select",
 				"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", {
+			}, [a("option", Mt, 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, gt))), 128))], 40, mt),
-			(m(!0), i(e, null, v(w.value, (t, r) => (m(), i(e, { key: r }, [n[0] ||= a("span", {
+			}, b(e.label), 9, Nt))), 128))], 40, jt),
+			(m(!0), i(e, null, v(w.value, (t, r) => (m(), i(e, { key: r }, [s[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", {
-				key: t,
+			}, null, -1), (m(!0), i(e, null, v(t, (t, r) => (m(), i(e, { key: r }, ["link" in t ? (m(), n(pt, { key: 0 })) : (m(), i("button", {
+				key: 1,
 				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()
+				title: t.title,
+				"aria-label": t.title,
+				"aria-pressed": t.mark ? x(d)[t.mark] : void 0,
+				"data-active": t.mark ? x(d)[t.mark] : void 0,
+				onClick: (e) => t.run()
 			}, [a("span", {
 				class: "kun-editor__icon",
-				innerHTML: e.svg
-			}, null, 8, vt)], 8, _t))), 128))], 64))), 128)),
-			d.value ? (m(), i(e, { key: 0 }, [
-				n[1] ||= a("span", {
+				innerHTML: t.svg
+			}, null, 8, Ft)], 8, Pt))], 64))), 128))], 64))), 128)),
+			f.value ? (m(), i(e, { key: 0 }, [
+				s[1] ||= a("span", {
 					class: "kun-editor__toolbar-divider",
 					"aria-hidden": "true"
 				}, null, -1),
@@ -649,7 +784,7 @@ var Ae = [
 				}, [a("span", {
 					class: "kun-editor__icon",
 					innerHTML: x($).image
-				}, null, 8, bt)], 8, yt),
+				}, null, 8, Lt)], 8, It),
 				a("input", {
 					ref_key: "fileInput",
 					ref: T,
@@ -659,34 +794,34 @@ var Ae = [
 					onChange: D
 				}, null, 544)
 			], 64)) : r("", !0),
-			f.value ? (m(), i(e, { key: 1 }, [n[2] ||= a("span", {
+			p.value ? (m(), i(e, { key: 1 }, [s[2] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
-			}, null, -1), o(ft)], 64)) : r("", !0)
+			}, null, -1), o(kt)], 64)) : r("", !0)
 		]));
 	}
-}), St = /* @__PURE__ */ s({
+}), zt = /* @__PURE__ */ s({
 	__name: "ToolbarHost",
 	setup(e) {
-		let [, t] = A(), n = l(X, void 0), r = (e, n) => {
+		let [, t] = M(), n = l(X, void 0), r = (e, n) => {
 			t()?.action(W(e, n));
 		}, i = () => {
-			t()?.action((e) => e.get(L).focus());
+			t()?.action((e) => e.get(R).focus());
 		}, a = {
 			run: r,
 			get activeMarks() {
-				return n?.activeMarks ?? Ne;
+				return n?.activeMarks ?? Ie;
 			},
 			insertText: (e) => {
 				t()?.action((t) => {
-					let n = t.get(L);
+					let n = t.get(R);
 					n.dispatch(n.state.tr.insertText(e));
 				}), i();
 			},
 			uploadImage: (e) => {
 				let r = n?.adapters.uploadImage, i = t();
 				!r || !i || i.action((t) => {
-					Ce(t.get(L), e, {
+					Ee(t.get(R), e, {
 						uploadImage: r,
 						notify: n?.adapters.notify,
 						locale: n?.locale
@@ -694,20 +829,20 @@ var Ae = [
 				});
 			},
 			insertLink: (e) => {
-				r(_e.key, e), i();
+				r(J.key, e), i();
 			},
 			insertImage: (e) => {
-				r(se.key, {
+				r(ue.key, {
 					src: e.src,
 					alt: e.alt ?? "",
 					title: e.title ?? ""
 				}), i();
 			},
 			insertQuote: (e) => {
-				r(ye.key, e), i();
+				r(Se.key, e), i();
 			},
 			insertMention: (e) => {
-				r(ve.key, e), i();
+				r(xe.key, e), i();
 			},
 			focus: i,
 			get adapters() {
@@ -722,7 +857,7 @@ var Ae = [
 		};
 		return (e, t) => y(e.$slots, "default", d(c(a)));
 	}
-}), Ct = /* @__PURE__ */ s({
+}), Bt = /* @__PURE__ */ s({
 	__name: "MarkdownSource",
 	props: {
 		modelValue: {},
@@ -730,13 +865,13 @@ var Ae = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, a = n, o = _(null), s = null, c = Ee.define(), l = (e) => De.create({
+		let r = e, a = n, o = _(null), s = null, c = ke.define(), l = (e) => Ae.create({
 			doc: e,
 			extensions: [
-				be(),
+				Ce(),
 				Y.lineWrapping,
-				ke,
-				Oe(),
+				Me,
+				je(),
 				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());
@@ -773,7 +908,7 @@ var Ae = [
 				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({
@@ -794,23 +929,23 @@ var Ae = [
 			class: "kun-editor__source"
 		}, null, 512));
 	}
-}), wt = ["data-mode"], Tt = {
+}), Vt = ["data-mode"], Ht = {
 	key: 0,
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, Et = [
+}, Ut = [
 	"aria-selected",
 	"data-active",
 	"onClick"
-], Dt = ["title", "aria-label"], Ot = [
+], Wt = ["title", "aria-label"], Gt = [
 	"data-active",
 	"title",
 	"aria-pressed"
-], kt = ["data-swap"], At = { class: "kun-editor__wysiwyg kun-editor__pane" }, jt = {
+], Kt = ["data-swap"], qt = { class: "kun-editor__wysiwyg kun-editor__pane" }, Jt = {
 	key: 1,
 	class: "kun-editor__loading",
 	"aria-hidden": "true"
-}, Mt = /* @__PURE__ */ s({
+}, Yt = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -842,54 +977,54 @@ var Ae = [
 		"update:headings",
 		"update:loading"
 	],
-	setup(s, { expose: l, emit: E }) {
+	setup(s, { expose: l, emit: S }) {
 		let D = [
 			"bold",
 			"italic",
 			"strike",
 			"code",
 			"link"
-		], k = s, A = E, M = _(!1);
+		], O = s, k = S, j = _(!1);
 		p(() => {
-			M.value = !0;
+			j.value = !0;
 		});
-		let N = _(!0), P = (e) => {
-			N.value = e, A("update:loading", e);
+		let M = _(!0), ee = (e) => {
+			M.value = e, k("update:loading", e);
 		};
-		C(() => k.modelValue, (e) => A("update:headings", ee(e)), { immediate: !0 });
-		let F = g(Me());
+		w(() => O.modelValue, (e) => k("update:headings", I(e)), { immediate: !0 });
+		let P = g(Fe());
 		h(X, {
 			get adapters() {
-				return k.adapters;
+				return O.adapters;
 			},
 			get features() {
-				return k.features;
+				return O.features;
 			},
 			get locale() {
-				return k.locale;
+				return O.locale;
 			},
 			get selectionToolbarItems() {
-				return Array.isArray(k.selectionToolbar) ? k.selectionToolbar : D;
+				return Array.isArray(O.selectionToolbar) ? O.selectionToolbar : D;
 			},
 			get activeMarks() {
-				return F;
+				return P;
 			}
 		});
-		let I = t(() => k.selectionToolbar !== !1), L = _(k.views.includes("wysiwyg") ? "wysiwyg" : k.views[0] ?? "wysiwyg"), R = (e) => {
+		let F = t(() => O.selectionToolbar !== !1), L = _(O.views.includes("wysiwyg") ? "wysiwyg" : O.views[0] ?? "wysiwyg"), te = (e) => {
 			L.value = e;
 		};
-		C(() => k.views, (e) => {
+		w(() => O.views, (e) => {
 			e.includes(L.value) || (L.value = e[0] ?? "wysiwyg");
 		});
-		let z = _(!1), B = () => {
-			z.value = !z.value;
-		}, V = _(k.scrollSync);
-		C(() => k.scrollSync, (e) => {
-			V.value = e;
+		let R = _(!1), z = () => {
+			R.value = !R.value;
+		}, B = _(O.scrollSync);
+		w(() => O.scrollSync, (e) => {
+			B.value = e;
 		});
-		let H = () => {
-			V.value = !V.value;
-		}, te = t(() => k.locale.toLowerCase().startsWith("en")), U = t(() => te.value ? {
+		let ne = () => {
+			B.value = !B.value;
+		}, re = t(() => O.locale.toLowerCase().startsWith("en")), V = t(() => re.value ? {
 			wysiwyg: "Preview",
 			source: "Markdown",
 			split: "Split",
@@ -901,104 +1036,104 @@ var Ae = [
 			split: "分栏",
 			swap: "左右互换",
 			scrollSync: "同步滚动"
-		}), ne = _(null), W = null, G = null, K = null, q = () => {
-			W?.(), W = null, G = null;
-		}, re = () => {
-			q();
-			let e = ne.value;
+		}), ie = _(null), H = null, U = null, W = null, G = () => {
+			H?.(), H = null, U = null;
+		}, ae = () => {
+			G();
+			let e = ie.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 (G && G !== e) return;
-				G = e;
+				if (U && U !== e) return;
+				U = 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), K && clearTimeout(K), K = setTimeout(() => {
-					G = null;
+				t.scrollTop = r * (i > 0 ? i : 0), W && clearTimeout(W), W = setTimeout(() => {
+					U = null;
 				}, 120);
 			}, i = r(t, n), a = r(n, t);
-			t.addEventListener("scroll", i, { passive: !0 }), n.addEventListener("scroll", a, { passive: !0 }), W = () => {
+			t.addEventListener("scroll", i, { passive: !0 }), n.addEventListener("scroll", a, { passive: !0 }), H = () => {
 				t.removeEventListener("scroll", i), n.removeEventListener("scroll", a);
 			};
 		};
-		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);
+		w([L, B], ([e, t]) => {
+			G(), e === "split" && t && u(ae);
+		}), f(G);
+		let oe = t(() => O.readonly || L.value === "split"), K = (e) => k("update:modelValue", e), q = _(null), se = _(null);
 		return l({
-			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(),
+			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(),
 			scrollToHeading: (e) => {
-				L.value === "source" || L.value === "split" ? oe.value?.scrollToHeading(e) : J.value?.scrollToHeading(e);
+				L.value === "source" || L.value === "split" ? se.value?.scrollToHeading(e) : q.value?.scrollToHeading(e);
 			}
 		}), (t, l) => (m(), i("div", {
 			ref_key: "rootEl",
-			ref: ne,
+			ref: ie,
 			class: "kun-editor",
 			"data-kun-editor": "",
 			"data-mode": L.value
-		}, [M.value ? (m(), i(e, { key: 0 }, [y(t.$slots, "view-switch", {
+		}, [j.value ? (m(), i(e, { key: 0 }, [y(t.$slots, "view-switch", {
 			mode: L.value,
-			setMode: R,
-			labels: U.value,
+			setMode: te,
+			labels: V.value,
 			views: s.views,
-			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", {
+			swapped: R.value,
+			swap: z,
+			scrollSync: B.value,
+			toggleScrollSync: ne
+		}, () => [s.views.length > 1 ? (m(), i("div", Ht, [(m(!0), i(e, null, v(s.views, (e) => (m(), i("button", {
 			key: e,
 			type: "button",
 			class: "kun-editor__tab",
 			"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", {
+			onClick: (t) => te(e)
+		}, b(V.value[e]), 9, Ut))), 128)), L.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
 			type: "button",
 			class: "kun-editor__tab kun-editor__swap",
-			title: U.value.swap,
-			"aria-label": U.value.swap,
-			onClick: l[0] ||= (e) => B()
-		}, " ⇄ ", 8, Dt), a("button", {
+			title: V.value.swap,
+			"aria-label": V.value.swap,
+			onClick: l[0] ||= (e) => z()
+		}, " ⇄ ", 8, Wt), a("button", {
 			type: "button",
 			class: "kun-editor__tab",
-			"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)])]),
+			"data-active": B.value,
+			title: V.value.scrollSync,
+			"aria-pressed": B.value,
+			onClick: l[1] ||= (e) => ne()
+		}, b(V.value.scrollSync), 9, Gt)], 64)) : r("", !0)])) : r("", !0)]), o(x(A), null, {
+			default: T(() => [o(x(N), null, {
+				default: T(() => [E(a("div", null, [o(zt, null, {
+					default: T((e) => [y(t.$slots, "toolbar", d(c(e)), () => [o(Rt)])]),
 					_: 3
-				})], 512), [[S, L.value === "wysiwyg" && !s.readonly]]), a("div", {
+				})], 512), [[C, L.value === "wysiwyg" && !s.readonly]]), a("div", {
 					class: "kun-editor__panes",
-					"data-swap": z.value
-				}, [L.value === "source" || L.value === "split" ? (m(), n(Ct, {
+					"data-swap": R.value
+				}, [L.value === "source" || L.value === "split" ? (m(), n(Bt, {
 					key: 0,
 					ref_key: "source",
-					ref: oe,
+					ref: se,
 					class: "kun-editor__pane",
 					"model-value": s.modelValue,
 					readonly: s.readonly,
-					"onUpdate:modelValue": ae
-				}, null, 8, ["model-value", "readonly"])) : r("", !0), T(a("div", At, [o(Xe, {
+					"onUpdate:modelValue": K
+				}, null, 8, ["model-value", "readonly"])) : r("", !0), E(a("div", qt, [o(ot, {
 					ref_key: "inner",
-					ref: J,
+					ref: q,
 					"model-value": s.modelValue,
 					adapters: s.adapters,
 					features: s.features,
 					locale: s.locale,
-					readonly: ie.value,
+					readonly: oe.value,
 					placeholder: s.placeholder,
 					"placeholder-mode": s.placeholderMode,
 					active: L.value === "wysiwyg" && !s.readonly,
-					"selection-toolbar": I.value,
-					"onUpdate:modelValue": ae,
-					"onUpdate:loading": P
+					"selection-toolbar": F.value,
+					"onUpdate:modelValue": K,
+					"onUpdate:loading": ee
 				}, null, 8, [
 					"model-value",
 					"adapters",
@@ -1009,18 +1144,18 @@ var Ae = [
 					"placeholder-mode",
 					"active",
 					"selection-toolbar"
-				])], 512), [[S, L.value === "wysiwyg" || L.value === "split"]])], 8, kt)]),
+				])], 512), [[C, L.value === "wysiwyg" || L.value === "split"]])], 8, Kt)]),
 				_: 3
 			})]),
 			_: 3
-		})], 64)) : r("", !0), !M.value || N.value ? (m(), i("div", jt, [y(t.$slots, "loading", {}, () => [
+		})], 64)) : r("", !0), !j.value || M.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, wt));
+		])])) : r("", !0)], 8, Vt));
 	}
-}), Nt = { install(e) {
-	e.component("KunEditor", Mt);
+}), Xt = { install(e) {
+	e.component("KunEditor", Yt);
 } };
 //#endregion
-export { Ze as EMOJI, Mt as KunEditor, Nt as KunEditorPlugin, P as parseHeadings };
+export { mt as EMOJI, Yt as KunEditor, Xt as KunEditorPlugin, F as parseHeadings };