@kungal/editor-vue 0.33.0 → 0.35.0

package/CHANGELOG.md

@@ -1,5 +1,88 @@
 # @kungal/editor-vue
 
+## 0.35.0
+
+### Minor Changes
+
+- c90e1b9: fix(link): give a typed URL the scheme it needs, in ONE place
+
+  Typing `www.kungal.com/topic/1` into any link input produced a **relative**
+  href: with no scheme the browser resolves it against the current page, so the
+  link went to `<origin>/<current/path>/www.kungal.com/topic/1` — dead, and dead
+  in a way the author can't see while writing.
+
+  `insertLinkCommand` now normalizes its `href`, and since every link entry point
+  (the selection bubble's input, the headless toolbar's URL panel, the KunUI
+  toolbar's popover, and a host's own `linkPrompt` adapter) dispatches that one
+  command, all of them are fixed at once — a host must not re-implement this.
+
+  - `www.kungal.com/topic/1` → `https://www.kungal.com/topic/1` (https, not http:
+    an http-only site redirects, an https-only site doesn't). Ports, queries,
+    fragments and bare IPv4 hosts included.
+  - `me@kungal.com` → `mailto:me@kungal.com` (`https://` would read the address as
+    userinfo and go nowhere).
+  - Untouched: anything with a scheme — `kungal-user:` / `kungal-reply:` included
+    — and anything explicitly relative (`/x`, `./x`, `../x`, `#x`, `?x`, `//host`).
+  - The one ambiguous input is a lone dotted word: `readme.md` looks exactly like
+    a hostname (`.md` is a TLD), so it gets `https://`. Write `./readme.md` when a
+    relative file is what you mean.
+
+  The rule is also exported as `normalizeLinkHref(input)` from the light,
+  zero-dependency `@kungal/editor-core` entry, so a server can normalize legacy
+  content with the exact same logic.
+
+  Along with it, the three URL inputs move from `type="url"` to `type="text"` +
+  `inputmode="url"`. Native URL validation rejects exactly the schemeless input
+  this change exists to accept — in the KunUI toolbar's popover, which submits a
+  real `<form>`, pressing Enter on `www.kungal.com/topic/1` did nothing at all.
+  The mobile keyboard hint is kept.
+
+### Patch Changes
+
+- Updated dependencies [c90e1b9]
+  - @kungal/editor-core@0.35.0
+
+## 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":"AA8UA,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":"AAukBA,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 = () => {
@@ -312,14 +313,15 @@ var Pe = [
 				ref_key: "inputRef",
 				ref: A,
 				"onUpdate:modelValue": n[0] ||= (e) => k.value = e,
-				type: "url",
-				class: "kun-editor__bubble-input",
+				type: "text",
+				inputmode: "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, Xe), [[S, k.value]]),
+			}, null, 40, Ze), [[S, k.value]]),
 			a("button", {
 				type: "button",
 				class: "kun-editor__bubble-btn",
@@ -329,7 +331,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 +341,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 +354,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 +371,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 +390,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 +402,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 +417,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 +434,107 @@ 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: "text",
+			inputmode: "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 +570,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 +590,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 +621,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 +659,7 @@ var Pe = [
 				image: e ? "Upload image" : "上传图片"
 			};
 		}), S = t(() => {
-			let e = p.value;
+			let e = h.value;
 			return [
 				"正文",
 				"一级标题",
@@ -602,110 +674,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 +786,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 +796,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 +823,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 +831,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 +859,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 +867,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 +931,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 +994,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 +1018,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 +1038,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 +1146,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.35.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.35.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.35.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json",