@kungal/editor-vue 0.33.0 → 0.34.0

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @kungal/editor-vue
 
+## 0.34.0
+
+### Minor Changes
+
+- ab7fbc2: No native `prompt` left: the headless toolbar gets a link URL panel too
+
+  0.33.0 gave the selection bubble an inline URL input; the fixed (headless)
+  toolbar still popped `window.prompt`. It now opens a small panel under the link
+  button — Enter applies, Esc cancels, clicking outside closes, and the editor
+  gets focus back. Same behaviour as the bubble otherwise: an existing href is
+  prefilled (and selected), and with nothing selected the URL is inserted as
+  linked text. A panel rather than an in-place swap because a fixed toolbar row
+  that rearranges itself is jarring; the bubble is already a floating layer, so
+  there the swap is the right shape.
+
+  **Breaking (CSS hook, one version old):** `.kun-editor__bubble-input` →
+  `.kun-editor__link-input`. Both entry points render the same input, so the hook
+  is named after the thing, not the place. Hosts importing
+  `@kungal/editor-nuxt/editor.css` need no change; a copied stylesheet wants the
+  rename plus the two new hooks:
+
+  ```css
+  .kun-editor__link {
+    position: relative;
+  } /* structural */
+  .kun-editor__link-panel {
+    position: absolute;
+  } /* structural */
+  .kun-editor__link-input {
+    /* shared by the toolbar panel and the bubble */
+  }
+  ```
+
+  `linkPrompt` keeps taking precedence over all three built-in entries (bubble
+  input, toolbar panel, KunUI popover), so a host modal is still one override.
+
+### Patch Changes
+
+- Updated dependencies [ab7fbc2]
+  - @kungal/editor-core@0.34.0
+
 ## 0.33.0
 
 ### Minor Changes

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

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

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

@@ -0,0 +1,4 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=LinkInput.vue.d.ts.map

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

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

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

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

package/dist/index.js

@@ -2,46 +2,46 @@ import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r
 import { Milkdown as k, MilkdownProvider as A, useEditor as j, useInstance as M } from "@milkdown/vue";
 import { ProsemirrorAdapterProvider as N, usePluginViewContext as ee, usePluginViewFactory as P } from "@prosemirror-adapter/vue";
 import { parseHeadings as F, parseHeadings as I } from "@kungal/editor-core";
-import { Editor as L, defaultValueCtx as te, editorViewCtx as R, editorViewOptionsCtx as ne, rootCtx as z } from "@milkdown/kit/core";
-import { listenerCtx as re } from "@milkdown/kit/plugin/listener";
-import { SlashProvider as ie, slashFactory as B } from "@milkdown/kit/plugin/slash";
-import { TooltipProvider as ae, tooltipFactory as V } from "@milkdown/kit/plugin/tooltip";
-import { $prose as H, callCommand as U, replaceAll as W } from "@milkdown/kit/utils";
-import { Plugin as oe, PluginKey as se, TextSelection as G } from "@milkdown/kit/prose/state";
-import { createCodeBlockCommand as K, emphasisSchema as ce, inlineCodeSchema as le, insertHrCommand as ue, insertImageCommand as de, linkSchema as fe, strongSchema as pe, toggleEmphasisCommand as me, toggleInlineCodeCommand as he, toggleStrongCommand as ge, wrapInBlockquoteCommand as _e, wrapInBulletListCommand as ve, wrapInOrderedListCommand as ye } from "@milkdown/kit/preset/commonmark";
-import { createKunEditorPlugins as be, insertKunSpoilerCommand as xe, insertLinkCommand as q, insertMentionCommand as Se, insertQuoteCommand as Ce, kunCM as we, mentionId as Te, setHeadingCommand as Ee, startImageUpload as De } from "@kungal/editor-core/preset";
-import { strikethroughSchema as Oe, toggleStrikethroughCommand as ke } from "@milkdown/kit/preset/gfm";
-import { Annotation as Ae, EditorState as je } from "@codemirror/state";
-import { EditorView as J } from "@codemirror/view";
-import { markdown as Me } from "@codemirror/lang-markdown";
-import { basicSetup as Ne } from "codemirror";
+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 je } from "@codemirror/lang-markdown";
+import { basicSetup as Me } from "codemirror";
 //#region src/active-marks.ts
-var Pe = [
+var Ne = [
 	"bold",
 	"italic",
 	"strike",
 	"code"
-], Fe = {
-	bold: pe,
-	italic: ce,
-	strike: Oe,
-	code: le
-}, Ie = () => ({
+], Pe = {
+	bold: fe,
+	italic: se,
+	strike: De,
+	code: ce
+}, Fe = () => ({
 	bold: !1,
 	italic: !1,
 	strike: !1,
 	code: !1
-}), Y = Object.freeze(Ie()), Le = (e, t) => {
-	let { from: n, $from: r, to: i, empty: a } = e.selection, o = Ie();
-	for (let s of Pe) {
-		let c = Fe[s].type(t);
+}), 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;
 }, Re = (e, t, n) => {
 	let r = Le(e, t);
-	for (let e of Pe) n[e] !== r[e] && (n[e] = r[e]);
-}, ze = new se("KUN_ACTIVE_MARKS"), Be = (e) => H((t) => new oe({
+	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);
@@ -105,13 +105,13 @@ var Pe = [
 		}, F = (e) => {
 			let t = d.value;
 			if (!t || !D) return;
-			let n = t.state.schema.nodes[Te];
+			let n = t.state.schema.nodes[we];
 			if (!n) return;
 			let r = n.create({
 				userId: e.id,
 				name: e.name
 			}), { from: i, to: a } = D, o = t.state.tr.replaceWith(i, a, r), s = i + r.nodeSize;
-			o.insertText(" ", s), o.setSelection(G.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), y.hide();
+			o.insertText(" ", s), o.setSelection(K.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), y.hide();
 		}, I = (e) => {
 			if (!x.value || !C.value.length) {
 				x.value && e.key === "Escape" && (e.preventDefault(), y.hide());
@@ -137,7 +137,7 @@ var Pe = [
 			}
 		};
 		return p(() => {
-			y = new ie({
+			y = new re({
 				content: g.value,
 				trigger: "@",
 				shouldShow: P,
@@ -170,7 +170,14 @@ var Pe = [
 			class: "kun-mention-dropdown__avatar"
 		}, 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\"/>"),
@@ -190,20 +197,20 @@ var Pe = [
 	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\"/>")
-}, Ye = ["data-mode"], Xe = ["placeholder", "aria-label"], Ze = ["title", "aria-label"], Qe = ["innerHTML"], $e = ["title", "aria-label"], et = ["innerHTML"], tt = {
+}, 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"
-}, nt = [
+}, rt = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"data-active",
 	"onMousedown"
-], rt = ["innerHTML"], it = /* @__PURE__ */ s({
+], it = ["innerHTML"], at = /* @__PURE__ */ s({
 	__name: "SelectionTooltip",
 	setup(n) {
-		let { view: r, prevState: o } = ee(), [, s] = M(), c = l(X), d = c?.activeMarks ?? Y, h = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), g = t(() => {
+		let { 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: e ? "Bold" : "加粗",
@@ -216,24 +223,18 @@ var Pe = [
 				cancel: e ? "Cancel" : "取消"
 			};
 		}), y = _(null), b, C = (e, t) => {
-			s()?.action(U(e, t));
+			s()?.action(W(e, t));
 		}, T = _(!1), k = _(""), A = _(null), j = () => {
 			let e = "";
 			return s()?.action((t) => {
 				let n = r.value?.state;
-				if (!n) return;
-				let i = fe.type(t), { from: a, to: o } = n.selection;
-				n.doc.nodesBetween(a, o, (t) => {
-					if (e) return !1;
-					let n = i.isInSet(t.marks);
-					return n && (e = String(n.attrs.href ?? "")), !0;
-				});
+				n && (e = Ye(n, t));
 			}), e;
 		}, N = () => {
 			T.value = !1, k.value = "", r.value?.focus();
 		}, P = () => {
 			let e = k.value.trim();
-			e && C(q.key, { href: e }), N();
+			e && C(J.key, { href: e }), N();
 		}, F = async () => {
 			let e = c?.adapters.linkPrompt;
 			if (e) {
@@ -241,7 +242,7 @@ var Pe = [
 					from: 0,
 					to: 0
 				}, a = (await e({ text: t ? t.state.doc.textBetween(n, i, " ") : "" }))?.trim();
-				a && C(q.key, { href: a });
+				a && C(J.key, { href: a });
 				return;
 			}
 			k.value = j(), T.value = !0, await u(), A.value?.focus(), A.value?.select();
@@ -249,25 +250,25 @@ var Pe = [
 			bold: {
 				svg: $.bold,
 				title: g.value.bold,
-				run: () => C(ge.key),
+				run: () => C(he.key),
 				mark: "bold"
 			},
 			italic: {
 				svg: $.italic,
 				title: g.value.italic,
-				run: () => C(me.key),
+				run: () => C(pe.key),
 				mark: "italic"
 			},
 			strike: {
 				svg: $.strike,
 				title: g.value.strike,
-				run: () => C(ke.key),
+				run: () => C(Oe.key),
 				mark: "strike"
 			},
 			code: {
 				svg: $.code,
 				title: g.value.code,
-				run: () => C(he.key),
+				run: () => C(me.key),
 				mark: "code"
 			},
 			link: {
@@ -291,7 +292,7 @@ var Pe = [
 			return n;
 		});
 		return p(() => {
-			b = new ae({
+			b = new ie({
 				content: y.value,
 				offset: 8
 			}), b.onHide = () => {
@@ -313,13 +314,13 @@ var Pe = [
 				ref: A,
 				"onUpdate:modelValue": n[0] ||= (e) => k.value = e,
 				type: "url",
-				class: "kun-editor__bubble-input",
+				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, Xe), [[S, k.value]]),
+			}, null, 40, Ze), [[S, k.value]]),
 			a("button", {
 				type: "button",
 				class: "kun-editor__bubble-btn",
@@ -329,7 +330,7 @@ var Pe = [
 			}, [a("span", {
 				class: "kun-editor__icon",
 				innerHTML: x($).check
-			}, null, 8, Qe)], 40, Ze),
+			}, null, 8, $e)], 40, Qe),
 			a("button", {
 				type: "button",
 				class: "kun-editor__bubble-btn",
@@ -339,8 +340,8 @@ var Pe = [
 			}, [a("span", {
 				class: "kun-editor__icon",
 				innerHTML: x($).close
-			}, null, 8, et)], 40, $e)
-		], 64)) : (m(!0), i(e, { key: 1 }, v(L.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", tt)) : (m(), i("button", {
+			}, 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",
@@ -352,9 +353,9 @@ var Pe = [
 		}, [a("span", {
 			class: "kun-editor__icon",
 			innerHTML: t.svg
-		}, null, 8, rt)], 40, nt))], 64))), 128))], 8, Ye));
+		}, null, 8, it)], 40, rt))], 64))), 128))], 8, Xe));
 	}
-}), at = /* @__PURE__ */ s({
+}), ot = /* @__PURE__ */ s({
 	__name: "MilkdownEditor",
 	props: {
 		modelValue: {},
@@ -369,15 +370,15 @@ var Pe = [
 	},
 	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 = P(), d = B("kunMention"), f = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!u, p = V("kunSelectionTooltip"), h = i.selectionToolbar && !!u, g = j((e) => {
+		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(z, e), t.set(te, i.modelValue), t.get(re).markdownUpdated((e, t, n) => {
+				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(ne, (e) => ({
+				}), t.update(z, (e) => ({
 					...e,
 					editable: () => !i.readonly
-				})), f && t.set(d.key, { view: u({ component: Je }) }), h && t.set(p.key, { view: u({ component: it }) });
-			}).use(be(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
@@ -388,7 +389,7 @@ var Pe = [
 			if (e === o) return;
 			o = e;
 			let t = g.get();
-			t && (s = !0, t.action(W(e)), s = !1);
+			t && (s = !0, t.action(G(e)), s = !1);
 		}), w(() => i.readonly, () => {
 			g.get()?.action((e) => {
 				let t = e.get(R);
@@ -400,13 +401,13 @@ var Pe = [
 		};
 		return t({
 			insertQuote: (e) => {
-				g.get()?.action(U(Ce.key, e)), _();
+				g.get()?.action(W(Se.key, e)), _();
 			},
 			insertMention: (e) => {
-				g.get()?.action(U(Se.key, e)), _();
+				g.get()?.action(W(xe.key, e)), _();
 			},
 			insertImage: (e) => {
-				g.get()?.action(U(de.key, {
+				g.get()?.action(W(ue.key, {
 					src: e.src,
 					alt: e.alt ?? "",
 					title: e.title ?? ""
@@ -415,7 +416,7 @@ var Pe = [
 			uploadImage: (e) => {
 				let t = i.adapters.uploadImage, n = g.get();
 				!t || !n || n.action((n) => {
-					De(n.get(R), e, {
+					Ee(n.get(R), e, {
 						uploadImage: t,
 						notify: i.adapters.notify,
 						locale: i.locale
@@ -432,28 +433,106 @@ var Pe = [
 						behavior: "smooth",
 						block: "start"
 					}), n.editable)) {
-						let e = G.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(k)));
 	}
-}), ot = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), st = [
+}), 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));
+	}
+}), mt = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), ht = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], ct = ["innerHTML"], lt = { class: "kun-editor__picker-panel" }, ut = {
+], gt = ["innerHTML"], _t = { class: "kun-editor__picker-panel" }, vt = {
 	key: 0,
 	class: "kun-editor__picker-tabs",
 	role: "tablist"
-}, dt = ["data-active"], ft = ["data-active"], pt = { class: "kun-editor__emoji-grid" }, mt = ["onClick"], ht = {
+}, yt = ["data-active"], bt = ["data-active"], xt = { class: "kun-editor__emoji-grid" }, St = ["onClick"], Ct = {
 	key: 1,
 	class: "kun-editor__sticker-body"
-}, gt = { class: "kun-editor__pack-name" }, _t = { class: "kun-editor__sticker-grid" }, vt = ["title", "onClick"], yt = ["src", "alt"], bt = {
+}, 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"
-}, xt = /* @__PURE__ */ s({
+}, kt = /* @__PURE__ */ s({
 	__name: "StickerPicker",
 	setup(n) {
 		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 ? {
@@ -489,7 +568,7 @@ var Pe = [
 				n.dispatch(r.tr.insertText(e, r.selection.from));
 			});
 		}, N = (e, t) => {
-			o()?.action(U(de.key, {
+			o()?.action(W(ue.key, {
 				src: e,
 				title: t,
 				alt: t
@@ -509,28 +588,28 @@ var Pe = [
 		}, [a("span", {
 			class: "kun-editor__icon",
 			innerHTML: x($).smile
-		}, null, 8, ct)], 8, st), E(a("div", lt, [
-			u ? (m(), i("div", ut, [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": S.value === "emoji",
 				onClick: n[0] ||= (e) => S.value = "emoji"
-			}, b(h.value.emoji), 9, dt), a("button", {
+			}, b(h.value.emoji), 9, yt), a("button", {
 				type: "button",
 				class: "kun-editor__picker-tab",
 				"data-active": S.value === "sticker",
 				onClick: n[1] ||= (e) => S.value = "sticker"
-			}, b(h.value.sticker), 9, ft)])) : r("", !0),
-			E(a("div", pt, [(m(!0), i(e, null, v(x(ot), (e, t) => (m(), i("button", {
+			}, 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) => j(e)
-			}, b(e), 9, mt))), 128))], 512), [[C, !u || S.value === "emoji"]]),
-			u ? E((m(), i("div", ht, [w.value.length ? (m(!0), i(e, { key: 0 }, v(w.value, (t) => (m(), i("div", {
+			}, 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", gt, b(t.name), 1), a("div", _t, [(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",
@@ -540,44 +619,35 @@ var Pe = [
 				src: e.src,
 				alt: e.name,
 				loading: "lazy"
-			}, null, 8, yt)], 8, vt))), 128))])]))), 128)) : (m(), i("div", bt, b(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[C, S.value === "sticker"]]) : r("", !0)
+			}, 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));
 	}
-}), St = {
+}), At = {
 	class: "kun-editor__format-toolbar",
 	role: "toolbar"
-}, Ct = ["aria-label"], wt = {
+}, jt = ["aria-label"], Mt = {
 	value: "",
 	disabled: "",
 	selected: ""
-}, Tt = ["value"], Et = [
+}, Nt = ["value"], Pt = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"data-active",
 	"onClick"
-], Dt = ["innerHTML"], Ot = ["title", "aria-label"], kt = ["innerHTML"], At = /* @__PURE__ */ s({
+], Ft = ["innerHTML"], It = ["title", "aria-label"], Lt = ["innerHTML"], Rt = /* @__PURE__ */ s({
 	__name: "EditorToolbar",
-	setup(n) {
-		let [, s] = M(), c = l(X), u = c?.activeMarks ?? Y, d = t(() => c?.adapters.uploadImage), f = t(() => c?.features.sticker !== !1), p = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), h = (e, t) => {
-			s()?.action(U(e, t));
-		}, g = async () => {
-			let e = "";
-			s()?.action((t) => {
-				let n = t.get(R), { from: r, to: i } = n.state.selection;
-				e = n.state.doc.textBetween(r, i, " ");
-			});
-			let t = c?.adapters.linkPrompt, n = (t ? await t({ text: e }) : window.prompt(p.value ? "Link URL" : "链接 URL"))?.trim();
-			n && h(q.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" : "引用块",
@@ -587,7 +657,7 @@ var Pe = [
 				image: e ? "Upload image" : "上传图片"
 			};
 		}), S = t(() => {
-			let e = p.value;
+			let e = h.value;
 			return [
 				"正文",
 				"一级标题",
@@ -602,110 +672,106 @@ var Pe = [
 			}));
 		}), C = (e) => {
 			let t = e.target;
-			h(Ee.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(ge.key),
+					run: () => g(he.key),
 					mark: "bold"
 				},
 				{
 					svg: $.italic,
 					title: y.value.italic,
-					run: () => h(me.key),
+					run: () => g(pe.key),
 					mark: "italic"
 				},
 				{
 					svg: $.strike,
 					title: y.value.strike,
-					run: () => h(ke.key),
+					run: () => g(Oe.key),
 					mark: "strike"
 				},
 				{
 					svg: $.code,
 					title: y.value.code,
-					run: () => h(he.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(ve.key)
+					run: () => g(_e.key)
 				},
 				{
 					svg: $.orderedList,
 					title: y.value.orderedList,
-					run: () => h(ye.key)
+					run: () => g(ve.key)
 				},
 				{
 					svg: $.quote,
 					title: y.value.quote,
-					run: () => h(_e.key)
+					run: () => g(ge.key)
 				},
 				{
 					svg: $.codeBlock,
 					title: y.value.codeBlock,
-					run: () => h(K.key, "")
+					run: () => g(q.key, "")
 				},
 				{
 					svg: $.hr,
 					title: y.value.hr,
-					run: () => h(ue.key)
+					run: () => g(le.key)
 				}
 			],
 			[{
 				svg: $.spoiler,
 				title: y.value.spoiler,
-				run: () => h(xe.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) => {
-				De(e.get(R), 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", St, [
+		return (t, s) => (m(), i("div", At, [
 			a("select", {
 				class: "kun-editor__heading-select",
 				"aria-label": y.value.textSize,
 				onChange: C
-			}, [a("option", wt, b(y.value.textSize), 1), (m(!0), i(e, null, v(S.value, (e) => (m(), i("option", {
+			}, [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, Tt))), 128))], 40, Ct),
-			(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, Dt)], 8, Et))), 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),
@@ -718,7 +784,7 @@ var Pe = [
 				}, [a("span", {
 					class: "kun-editor__icon",
 					innerHTML: x($).image
-				}, null, 8, kt)], 8, Ot),
+				}, null, 8, Lt)], 8, It),
 				a("input", {
 					ref_key: "fileInput",
 					ref: T,
@@ -728,23 +794,23 @@ var Pe = [
 					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(xt)], 64)) : r("", !0)
+			}, null, -1), o(kt)], 64)) : r("", !0)
 		]));
 	}
-}), jt = /* @__PURE__ */ s({
+}), zt = /* @__PURE__ */ s({
 	__name: "ToolbarHost",
 	setup(e) {
 		let [, t] = M(), n = l(X, void 0), r = (e, n) => {
-			t()?.action(U(e, n));
+			t()?.action(W(e, n));
 		}, i = () => {
 			t()?.action((e) => e.get(R).focus());
 		}, a = {
 			run: r,
 			get activeMarks() {
-				return n?.activeMarks ?? Y;
+				return n?.activeMarks ?? Ie;
 			},
 			insertText: (e) => {
 				t()?.action((t) => {
@@ -755,7 +821,7 @@ var Pe = [
 			uploadImage: (e) => {
 				let r = n?.adapters.uploadImage, i = t();
 				!r || !i || i.action((t) => {
-					De(t.get(R), e, {
+					Ee(t.get(R), e, {
 						uploadImage: r,
 						notify: n?.adapters.notify,
 						locale: n?.locale
@@ -763,20 +829,20 @@ var Pe = [
 				});
 			},
 			insertLink: (e) => {
-				r(q.key, e), i();
+				r(J.key, e), i();
 			},
 			insertImage: (e) => {
-				r(de.key, {
+				r(ue.key, {
 					src: e.src,
 					alt: e.alt ?? "",
 					title: e.title ?? ""
 				}), i();
 			},
 			insertQuote: (e) => {
-				r(Ce.key, e), i();
+				r(Se.key, e), i();
 			},
 			insertMention: (e) => {
-				r(Se.key, e), i();
+				r(xe.key, e), i();
 			},
 			focus: i,
 			get adapters() {
@@ -791,7 +857,7 @@ var Pe = [
 		};
 		return (e, t) => y(e.$slots, "default", d(c(a)));
 	}
-}), Mt = /* @__PURE__ */ s({
+}), Bt = /* @__PURE__ */ s({
 	__name: "MarkdownSource",
 	props: {
 		modelValue: {},
@@ -799,21 +865,21 @@ var Pe = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: n }) {
-		let r = e, a = n, o = _(null), s = null, c = Ae.define(), l = (e) => je.create({
+		let r = e, a = n, o = _(null), s = null, c = ke.define(), l = (e) => Ae.create({
 			doc: e,
 			extensions: [
-				we(),
-				J.lineWrapping,
-				Ne,
-				Me(),
-				J.editable.of(!r.readonly),
-				J.updateListener.of((e) => {
+				Ce(),
+				Y.lineWrapping,
+				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());
 				})
 			]
 		});
 		p(() => {
-			o.value && (s = new J({
+			o.value && (s = new Y({
 				state: l(r.modelValue),
 				parent: o.value
 			}));
@@ -863,23 +929,23 @@ var Pe = [
 			class: "kun-editor__source"
 		}, null, 512));
 	}
-}), Nt = ["data-mode"], Pt = {
+}), Vt = ["data-mode"], Ht = {
 	key: 0,
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, Ft = [
+}, Ut = [
 	"aria-selected",
 	"data-active",
 	"onClick"
-], It = ["title", "aria-label"], Lt = [
+], Wt = ["title", "aria-label"], Gt = [
 	"data-active",
 	"title",
 	"aria-pressed"
-], Rt = ["data-swap"], zt = { class: "kun-editor__wysiwyg kun-editor__pane" }, Bt = {
+], Kt = ["data-swap"], qt = { class: "kun-editor__wysiwyg kun-editor__pane" }, Jt = {
 	key: 1,
 	class: "kun-editor__loading",
 	"aria-hidden": "true"
-}, Vt = /* @__PURE__ */ s({
+}, Yt = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -926,7 +992,7 @@ var Pe = [
 			M.value = e, k("update:loading", e);
 		};
 		w(() => O.modelValue, (e) => k("update:headings", I(e)), { immediate: !0 });
-		let P = g(Ie());
+		let P = g(Fe());
 		h(X, {
 			get adapters() {
 				return O.adapters;
@@ -950,15 +1016,15 @@ var Pe = [
 		w(() => O.views, (e) => {
 			e.includes(L.value) || (L.value = e[0] ?? "wysiwyg");
 		});
-		let R = _(!1), ne = () => {
+		let R = _(!1), z = () => {
 			R.value = !R.value;
-		}, z = _(O.scrollSync);
+		}, B = _(O.scrollSync);
 		w(() => O.scrollSync, (e) => {
-			z.value = e;
+			B.value = e;
 		});
-		let re = () => {
-			z.value = !z.value;
-		}, ie = t(() => O.locale.toLowerCase().startsWith("en")), B = t(() => ie.value ? {
+		let ne = () => {
+			B.value = !B.value;
+		}, re = t(() => O.locale.toLowerCase().startsWith("en")), V = t(() => re.value ? {
 			wysiwyg: "Preview",
 			source: "Markdown",
 			split: "Split",
@@ -970,103 +1036,103 @@ var Pe = [
 			split: "分栏",
 			swap: "左右互换",
 			scrollSync: "同步滚动"
-		}), ae = _(null), V = null, H = null, U = null, W = () => {
-			V?.(), V = null, H = null;
-		}, oe = () => {
-			W();
-			let e = ae.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 (H && H !== e) return;
-				H = 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), U && clearTimeout(U), U = setTimeout(() => {
-					H = 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 }), V = () => {
+			t.addEventListener("scroll", i, { passive: !0 }), n.addEventListener("scroll", a, { passive: !0 }), H = () => {
 				t.removeEventListener("scroll", i), n.removeEventListener("scroll", a);
 			};
 		};
-		w([L, z], ([e, t]) => {
-			W(), e === "split" && t && u(oe);
-		}), f(W);
-		let se = t(() => O.readonly || L.value === "split"), G = (e) => k("update:modelValue", e), K = _(null), ce = _(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) => 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) => 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" ? ce.value?.scrollToHeading(e) : K.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: ae,
+			ref: ie,
 			class: "kun-editor",
 			"data-kun-editor": "",
 			"data-mode": L.value
 		}, [j.value ? (m(), i(e, { key: 0 }, [y(t.$slots, "view-switch", {
 			mode: L.value,
 			setMode: te,
-			labels: B.value,
+			labels: V.value,
 			views: s.views,
 			swapped: R.value,
-			swap: ne,
-			scrollSync: z.value,
-			toggleScrollSync: re
-		}, () => [s.views.length > 1 ? (m(), i("div", Pt, [(m(!0), i(e, null, v(s.views, (e) => (m(), i("button", {
+			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) => te(e)
-		}, b(B.value[e]), 9, Ft))), 128)), L.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
+		}, 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: B.value.swap,
-			"aria-label": B.value.swap,
-			onClick: l[0] ||= (e) => ne()
-		}, " ⇄ ", 8, It), 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": z.value,
-			title: B.value.scrollSync,
-			"aria-pressed": z.value,
-			onClick: l[1] ||= (e) => re()
-		}, b(B.value.scrollSync), 9, Lt)], 64)) : r("", !0)])) : r("", !0)]), o(x(A), null, {
+			"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(jt, null, {
-					default: T((e) => [y(t.$slots, "toolbar", d(c(e)), () => [o(At)])]),
+				default: T(() => [E(a("div", null, [o(zt, null, {
+					default: T((e) => [y(t.$slots, "toolbar", d(c(e)), () => [o(Rt)])]),
 					_: 3
 				})], 512), [[C, L.value === "wysiwyg" && !s.readonly]]), a("div", {
 					class: "kun-editor__panes",
 					"data-swap": R.value
-				}, [L.value === "source" || L.value === "split" ? (m(), n(Mt, {
+				}, [L.value === "source" || L.value === "split" ? (m(), n(Bt, {
 					key: 0,
 					ref_key: "source",
-					ref: ce,
+					ref: se,
 					class: "kun-editor__pane",
 					"model-value": s.modelValue,
 					readonly: s.readonly,
-					"onUpdate:modelValue": G
-				}, null, 8, ["model-value", "readonly"])) : r("", !0), E(a("div", zt, [o(at, {
+					"onUpdate:modelValue": K
+				}, null, 8, ["model-value", "readonly"])) : r("", !0), E(a("div", qt, [o(ot, {
 					ref_key: "inner",
-					ref: K,
+					ref: q,
 					"model-value": s.modelValue,
 					adapters: s.adapters,
 					features: s.features,
 					locale: s.locale,
-					readonly: se.value,
+					readonly: oe.value,
 					placeholder: s.placeholder,
 					"placeholder-mode": s.placeholderMode,
 					active: L.value === "wysiwyg" && !s.readonly,
 					"selection-toolbar": F.value,
-					"onUpdate:modelValue": G,
+					"onUpdate:modelValue": K,
 					"onUpdate:loading": ee
 				}, null, 8, [
 					"model-value",
@@ -1078,18 +1144,18 @@ var Pe = [
 					"placeholder-mode",
 					"active",
 					"selection-toolbar"
-				])], 512), [[C, L.value === "wysiwyg" || L.value === "split"]])], 8, Rt)]),
+				])], 512), [[C, L.value === "wysiwyg" || L.value === "split"]])], 8, Kt)]),
 				_: 3
 			})]),
 			_: 3
-		})], 64)) : r("", !0), !j.value || M.value ? (m(), i("div", Bt, [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, Nt));
+		])])) : r("", !0)], 8, Vt));
 	}
-}), Ht = { install(e) {
-	e.component("KunEditor", Vt);
+}), Xt = { install(e) {
+	e.component("KunEditor", Yt);
 } };
 //#endregion
-export { ot as EMOJI, Vt as KunEditor, Ht as KunEditorPlugin, F as parseHeadings };
+export { mt as EMOJI, Yt as KunEditor, Xt as KunEditorPlugin, F as parseHeadings };

package/dist/selected-href.d.ts

@@ -0,0 +1,5 @@
+import type { Ctx } from '@milkdown/kit/ctx';
+import type { EditorState } from '@milkdown/kit/prose/state';
+/** The first link href in the selection, or '' when the selection is plain. */
+export declare const readSelectedHref: (state: EditorState, ctx: Ctx) => string;
+//# sourceMappingURL=selected-href.d.ts.map

package/dist/selected-href.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selected-href.d.ts","sourceRoot":"","sources":["../src/selected-href.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAE5D,+EAA+E;AAC/E,eAAO,MAAM,gBAAgB,GAAI,OAAO,WAAW,EAAE,KAAK,GAAG,KAAG,MAe/D,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-vue",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "description": "KunEditor Vue 3 layer — the headless <KunEditor> component (dual WYSIWYG / markdown-source), toolbar and plugin views. Ships zero CSS and no UI-kit dependency; consumes @kungal/editor-core, and pairs with @kungal/editor-nuxt for optional KunUI chrome.",
   "type": "module",
   "keywords": [
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@prosemirror-adapter/vue": "^0.4.6",
-    "@kungal/editor-core": "0.33.0"
+    "@kungal/editor-core": "0.34.0"
   },
   "peerDependencies": {
     "@codemirror/lang-markdown": "^6.0.0",
@@ -80,7 +80,7 @@
     "vite": "^8.0.16",
     "vue": "^3.5.35",
     "vue-tsc": "^3.3.3",
-    "@kungal/editor-core": "0.33.0"
+    "@kungal/editor-core": "0.34.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json",