@kungal/editor-vue 0.25.1 → 0.26.0

package/CHANGELOG.md

@@ -1,5 +1,60 @@
 # @kungal/editor-vue
 
+## 0.26.0
+
+### Minor Changes
+
+- 945708d: Add an insert-link feature (click to add a URL).
+
+  The `link` mark already existed (so `[text](url)` round-trips and pasted URLs
+  autolink), but there was no click-to-insert UI. Now there is:
+
+  - **editor-core**: `insertLinkCommand` (`{ href, text? }`) — applies the link mark
+    to the selection, or inserts linked text on an empty selection; clears the
+    stored mark afterwards. Re-exported from `@kungal/editor-core/preset`.
+  - **editor-vue**: `KunEditorToolbarApi.insertLink(payload)`; a `link` button in the
+    default toolbar and the selection bubble (both default-on); `'link'` added to
+    `KunToolbarItem` and `KunSelectionItem`. Headless UI prompts for the URL.
+  - **editor-nuxt**: `<KunEditorToolbar>` gains a `link` button — a KunPopover with a
+    KunInput for the URL.
+
+  A link is a **mark** (`[text](url)`), deliberately distinct from the custom-NODE
+  embeds (mention / quote). A future "article card" or custom component would be a
+  node like those (schema + toUrl/fromUrl), not this — a separate mechanism.
+
+  Verified in the docs production build: the KunUI toolbar popover wraps a selection
+  (`[…](https://example.com)`); the selection bubble does too
+  (`[linktext](https://kun.com)`); 4 new core tests (wrap / insert / autolink
+  fallback / blank-href no-op) pass; 0 console errors.
+
+### Patch Changes
+
+- Updated dependencies [945708d]
+  - @kungal/editor-core@0.26.0
+
+## 0.25.2
+
+### Patch Changes
+
+- 8e1b8ac: Fix the source pane rewriting raw markdown in split/source mode.
+
+  Typing `>` turned into `> <br />`, and `~~` / `**` / `[` became `\~\~` / `\*\*` /
+  `\[` in the markdown source. Cause: those are Milkdown's WYSIWYG→markdown
+  serialization (empty-blockquote → `<br />`, and remark-stringify escaping special
+  characters) — correct when Milkdown is the editor, but in split/source mode the
+  CodeMirror source owns the raw markdown, and the read-only preview was echoing its
+  re-serialized markdown back into the shared `v-model`, clobbering what you typed.
+
+  Fix: the WYSIWYG editor now emits only when it is the ACTIVE editor (WYSIWYG
+  mode). In source/split mode it's a derived preview and never writes back, so the
+  source keeps your exact raw markdown. The preview still renders it correctly.
+
+  Verified in the docs production build (split mode): `> `, `~~strike~~`,
+  `**bold**`, and a lone `>` all stay verbatim in the source (no `<br />`, no
+  backslash escapes); WYSIWYG-mode editing still updates the value; 0 console errors.
+
+  - @kungal/editor-core@0.25.2
+
 ## 0.25.1
 
 ### Patch 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":"AAycA,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":"AAieA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -56,6 +56,10 @@ declare var __VLS_1: {
     run: <T>(key: import("@milkdown/kit/core").CmdKey<T>, payload?: T) => void;
     insertText: (text: string) => void;
     uploadImage: (file: File) => void;
+    insertLink: (payload: {
+        href: string;
+        text?: string;
+    }) => void;
     insertQuote: (payload: {
         refId: string;
         label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"KunEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/KunEditor.vue"],"names":[],"mappings":"AAsWA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AASjE,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE9C,KAAK,WAAW,GAAG;IACf,gCAAgC;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;oEACgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,gBAAgB,EAAE,CAAA;CAChD,CAAC;AA8ZJ,QAAA,IAAI,OAAO;;iBArWS,QAAQ;;;;;;;;;;;;;CAqWP,EAAE,QAAQ;iEAzd/B,CAzUkC;;;;;;;;;;;;;;;CAkyB8B,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQhD,QAAA,MAAM,UAAU;;;;;cAxcD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;qBAMF,KAAK,GAAG,OAAO;sBAgBd,OAAO,GAAG,gBAAgB,EAAE;WAVvC,QAAQ,EAAE;gBAGL,OAAO;6EAsbtB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"KunEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/KunEditor.vue"],"names":[],"mappings":"AAwWA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAUjE,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE9C,KAAK,WAAW,GAAG;IACf,gCAAgC;IAChC,UAAU,EAAE,MAAM,CAAA;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,qDAAqD;IACrD,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;IACjC;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;oEACgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,gBAAgB,EAAE,CAAA;CAChD,CAAC;AAgaJ,QAAA,IAAI,OAAO;;iBAvWS,QAAQ;;;;;;;;;;;;;CAuWP,EAAE,QAAQ;iEA5d/B,CAzUI;;;;;YAyUJ,CArTkC;;;;;;;;;;;;;;CAixB8B,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAQhD,QAAA,MAAM,UAAU;;;;;cA1cD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;qBAMF,KAAK,GAAG,OAAO;sBAgBd,OAAO,GAAG,gBAAgB,EAAE;WAVvC,QAAQ,EAAE;gBAGL,OAAO;6EAwbtB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -9,6 +9,12 @@ type __VLS_Props = {
     placeholder: string;
     placeholderMode: 'doc' | 'block';
     selectionToolbar: boolean;
+    /**
+     * Whether this WYSIWYG is the ACTIVE editor (source of truth). False in
+     * source/split mode, where the CodeMirror source owns the raw markdown and this
+     * is only a derived preview — so it must NOT emit its re-serialized markdown.
+     */
+    active: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, KunEditorExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (markdown: string) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"MilkdownEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/MilkdownEditor.vue"],"names":[],"mappings":"AA2NA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAI5B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,KAAK,GAAG,OAAO,CAAA;IAChC,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AA0KF,QAAA,MAAM,YAAY;;;;kFAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"MilkdownEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/MilkdownEditor.vue"],"names":[],"mappings":"AAsOA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAI5B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,KAAK,GAAG,OAAO,CAAA;IAChC,gBAAgB,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAA;CAChB,CAAC;AA+KF,QAAA,MAAM,YAAY;;;;kFAIhB,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":"AA2RA,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":"AAiTA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -3,6 +3,10 @@ declare var __VLS_1: {
     run: <T>(key: CmdKey<T>, payload?: T) => void;
     insertText: (text: string) => void;
     uploadImage: (file: File) => void;
+    insertLink: (payload: {
+        href: string;
+        text?: string;
+    }) => void;
     insertQuote: (payload: {
         refId: string;
         label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarHost.vue.d.ts","sourceRoot":"","sources":["../../src/components/ToolbarHost.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAuFhD,QAAA,IAAI,OAAO;oCAxFX,CArDQ;;;;;;;;;;;;;;;CA6Ic,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ToolbarHost.vue.d.ts","sourceRoot":"","sources":["../../src/components/ToolbarHost.vue"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AA6FhD,QAAA,IAAI,OAAO;oCA9FX,CA1DqB;;;;;YA0DrB,CAvC2C;;;;;;;;;;;;;;CAqIrB,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/index.js

@@ -5,33 +5,33 @@ import { Editor as N, defaultValueCtx as P, editorViewCtx as F, editorViewOption
 import { listenerCtx as R } from "@milkdown/kit/plugin/listener";
 import { SlashProvider as z, slashFactory as B } from "@milkdown/kit/plugin/slash";
 import { TooltipProvider as V, tooltipFactory as H } from "@milkdown/kit/plugin/tooltip";
-import { callCommand as U, replaceAll as W } from "@milkdown/kit/utils";
-import { createKunEditorPlugins as G, insertKunSpoilerCommand as K, insertMentionCommand as q, insertQuoteCommand as J, kunCM as ee, mentionId as te, setHeadingCommand as ne, startImageUpload as re } from "@kungal/editor-core/preset";
-import { TextSelection as ie } from "@milkdown/kit/prose/state";
-import { createCodeBlockCommand as ae, insertHrCommand as oe, insertImageCommand as se, toggleEmphasisCommand as ce, toggleInlineCodeCommand as le, toggleStrongCommand as ue, wrapInBlockquoteCommand as de, wrapInBulletListCommand as fe, wrapInOrderedListCommand as pe } from "@milkdown/kit/preset/commonmark";
-import { toggleStrikethroughCommand as me } from "@milkdown/kit/preset/gfm";
-import { Annotation as he, EditorState as ge } from "@codemirror/state";
+import { callCommand as U, replaceAll as ee } from "@milkdown/kit/utils";
+import { createKunEditorPlugins as te, insertKunSpoilerCommand as W, insertLinkCommand as G, insertMentionCommand as ne, insertQuoteCommand as re, kunCM as ie, mentionId as ae, setHeadingCommand as oe, startImageUpload as K } from "@kungal/editor-core/preset";
+import { TextSelection as se } from "@milkdown/kit/prose/state";
+import { createCodeBlockCommand as ce, insertHrCommand as le, insertImageCommand as ue, toggleEmphasisCommand as q, toggleInlineCodeCommand as de, toggleStrongCommand as fe, wrapInBlockquoteCommand as pe, wrapInBulletListCommand as me, wrapInOrderedListCommand as he } from "@milkdown/kit/preset/commonmark";
+import { toggleStrikethroughCommand as J } from "@milkdown/kit/preset/gfm";
+import { Annotation as ge, EditorState as _e } from "@codemirror/state";
 import { EditorView as Y } from "@codemirror/view";
-import { markdown as _e } from "@codemirror/lang-markdown";
-import { basicSetup as ve } from "codemirror";
+import { markdown as ve } from "@codemirror/lang-markdown";
+import { basicSetup as ye } from "codemirror";
 //#region src/context.ts
-var X = Symbol("kun-editor-context"), ye = [
+var X = Symbol("kun-editor-context"), be = [
 	"data-active",
 	"onMousedown",
 	"onMouseenter"
-], be = ["src", "alt"], xe = {
+], xe = ["src", "alt"], Se = {
 	key: 1,
 	class: "kun-mention-dropdown__avatar kun-mention-dropdown__avatar--fallback"
-}, Se = { class: "kun-mention-dropdown__name" }, Ce = {
+}, Ce = { class: "kun-mention-dropdown__name" }, we = {
 	key: 1,
 	class: "kun-mention-dropdown__hint"
-}, we = {
+}, Te = {
 	key: 2,
 	class: "kun-mention-dropdown__hint"
-}, Te = {
+}, Ee = {
 	key: 3,
 	class: "kun-mention-dropdown__hint"
-}, Ee = /* @__PURE__ */ s({
+}, De = /* @__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 ? {
@@ -74,13 +74,13 @@ var X = Symbol("kun-editor-context"), ye = [
 		}, I = (e) => {
 			let t = d.value;
 			if (!t || !O) return;
-			let n = t.state.schema.nodes[te];
+			let n = t.state.schema.nodes[ae];
 			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(ie.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), b.hide();
+			o.insertText(" ", s), o.setSelection(se.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), b.hide();
 		}, L = (e) => {
 			if (!x.value || !w.value.length) {
 				x.value && e.key === "Escape" && (e.preventDefault(), b.hide());
@@ -137,7 +137,7 @@ var X = Symbol("kun-editor-context"), ye = [
 			src: e.avatar,
 			alt: e.name,
 			class: "kun-mention-dropdown__avatar"
-		}, null, 8, be)) : (m(), i("span", xe, y(e.name.charAt(0)), 1)), a("span", Se, y(e.name), 1)], 40, ye))), 128)) : D.value ? (m(), i("div", Ce, y(u.value.searching), 1)) : C.value ? (m(), i("div", we, y(u.value.empty), 1)) : (m(), i("div", Te, y(u.value.prompt), 1))], 512));
+		}, null, 8, xe)) : (m(), i("span", Se, y(e.name.charAt(0)), 1)), a("span", Ce, y(e.name), 1)], 40, be))), 128)) : D.value ? (m(), i("div", we, y(u.value.searching), 1)) : C.value ? (m(), i("div", Te, y(u.value.empty), 1)) : (m(), i("div", Ee, y(u.value.prompt), 1))], 512));
 	}
 }), Z = (e) => `<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${e}</svg>`, Q = (e, t = 13) => `<svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><text x="12" y="12" dominant-baseline="central" text-anchor="middle" font-size="${t}" font-weight="700" font-family="ui-sans-serif, system-ui, sans-serif" fill="currentColor">${e}</text></svg>`, $ = {
 	bold: Z("<path d=\"M6 4h8a4 4 0 0 1 0 8H6z\"/><path d=\"M6 12h9a4 4 0 0 1 0 8H6z\"/>"),
@@ -154,51 +154,61 @@ var X = Symbol("kun-editor-context"), ye = [
 	hr: Z("<line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/>"),
 	image: Z("<rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/><circle cx=\"9\" cy=\"9\" r=\"1.8\" fill=\"currentColor\" stroke=\"none\"/><path d=\"m21 15-4.5-4.5a2 2 0 0 0-2.8 0L5 19\"/>"),
 	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),
 	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\"/>")
-}, De = {
+}, Oe = {
 	key: 0,
 	class: "kun-editor__toolbar-divider",
 	"aria-hidden": "true"
-}, Oe = [
+}, ke = [
 	"title",
 	"aria-label",
 	"onMousedown"
-], ke = ["innerHTML"], Ae = /* @__PURE__ */ s({
+], Ae = ["innerHTML"], je = /* @__PURE__ */ s({
 	__name: "SelectionTooltip",
 	setup(n) {
 		let { view: r, prevState: o } = j(), [, s] = k(), c = l(X), u = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), d = g(null), h, v = (e, t) => {
 			s()?.action(U(e, t));
-		}, y = t(() => {
+		}, y = () => {
+			let e = window.prompt(u.value ? "Link URL" : "链接 URL")?.trim();
+			e && v(G.key, { href: e });
+		}, b = t(() => {
 			let e = u.value;
 			return {
 				bold: {
 					svg: $.bold,
 					title: e ? "Bold" : "加粗",
-					run: () => v(ue.key)
+					run: () => v(fe.key)
 				},
 				italic: {
 					svg: $.italic,
 					title: e ? "Italic" : "斜体",
-					run: () => v(ce.key)
+					run: () => v(q.key)
 				},
 				strike: {
 					svg: $.strike,
 					title: e ? "Strikethrough" : "删除线",
-					run: () => v(me.key)
+					run: () => v(J.key)
 				},
 				code: {
 					svg: $.code,
 					title: e ? "Inline code" : "行内代码",
-					run: () => v(le.key)
+					run: () => v(de.key)
+				},
+				link: {
+					svg: $.link,
+					title: e ? "Link" : "链接",
+					run: y
 				}
 			};
-		}), b = t(() => {
-			let e = y.value, t = (c?.selectionToolbarItems ?? [
+		}), x = t(() => {
+			let e = b.value, t = (c?.selectionToolbarItems ?? [
 				"bold",
 				"italic",
 				"strike",
-				"code"
+				"code",
+				"link"
 			]).map((t) => t === "|" ? { divider: !0 } : e[t] ? {
 				divider: !1,
 				...e[t]
@@ -221,7 +231,7 @@ var X = Symbol("kun-editor-context"), ye = [
 			ref: d,
 			class: "kun-editor__bubble",
 			"data-show": "false"
-		}, [(m(!0), i(e, null, _(b.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", De)) : (m(), i("button", {
+		}, [(m(!0), i(e, null, _(x.value, (t, n) => (m(), i(e, { key: n }, [t.divider ? (m(), i("span", Oe)) : (m(), i("button", {
 			key: 1,
 			type: "button",
 			class: "kun-editor__bubble-btn",
@@ -231,9 +241,9 @@ var X = Symbol("kun-editor-context"), ye = [
 		}, [a("span", {
 			class: "kun-editor__icon",
 			innerHTML: t.svg
-		}, null, 8, ke)], 40, Oe))], 64))), 128))], 512));
+		}, null, 8, Ae)], 40, ke))], 64))), 128))], 512));
 	}
-}), je = /* @__PURE__ */ s({
+}), Me = /* @__PURE__ */ s({
 	__name: "MilkdownEditor",
 	props: {
 		modelValue: {},
@@ -243,19 +253,20 @@ var X = Symbol("kun-editor-context"), ye = [
 		readonly: { type: Boolean },
 		placeholder: {},
 		placeholderMode: {},
-		selectionToolbar: { type: Boolean }
+		selectionToolbar: { type: Boolean },
+		active: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: r }) {
 		let i = e, a = r, o = i.modelValue, s = !1, c = M(), l = B("kunMention"), u = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!c, d = H("kunSelectionTooltip"), f = i.selectionToolbar && !!c, p = O((e) => {
 			let t = N.make().config((t) => {
 				t.set(L, e), t.set(P, i.modelValue), t.get(R).markdownUpdated((e, t, n) => {
-					s || t === n || (o = t, a("update:modelValue", t));
+					!i.active || s || t === n || (o = t, a("update:modelValue", t));
 				}), t.update(I, (e) => ({
 					...e,
 					editable: () => !i.readonly
-				})), u && t.set(l.key, { view: c({ component: Ee }) }), f && t.set(d.key, { view: c({ component: Ae }) });
-			}).use(G(i.adapters, i.features, {
+				})), u && t.set(l.key, { view: c({ component: De }) }), f && t.set(d.key, { view: c({ component: je }) });
+			}).use(te(i.adapters, i.features, {
 				locale: i.locale,
 				placeholder: i.placeholder,
 				placeholderMode: i.placeholderMode
@@ -266,7 +277,7 @@ var X = Symbol("kun-editor-context"), ye = [
 			if (e === o) return;
 			o = e;
 			let t = p.get();
-			t && (s = !0, t.action(W(e)), s = !1);
+			t && (s = !0, t.action(ee(e)), s = !1);
 		}), S(() => i.readonly, () => {
 			p.get()?.action((e) => {
 				let t = e.get(F);
@@ -278,29 +289,29 @@ var X = Symbol("kun-editor-context"), ye = [
 		};
 		return t({
 			insertQuote: (e) => {
-				p.get()?.action(U(J.key, e)), h();
+				p.get()?.action(U(re.key, e)), h();
 			},
 			insertMention: (e) => {
-				p.get()?.action(U(q.key, e)), h();
+				p.get()?.action(U(ne.key, e)), h();
 			},
 			focus: h
 		}), (e, t) => (m(), n(b(E)));
 	}
-}), Me = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Ne = [
+}), Ne = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), Pe = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], Pe = ["innerHTML"], Fe = { class: "kun-editor__picker-panel" }, Ie = {
+], Fe = ["innerHTML"], Ie = { class: "kun-editor__picker-panel" }, Le = {
 	key: 0,
 	class: "kun-editor__picker-tabs",
 	role: "tablist"
-}, Le = ["data-active"], Re = ["data-active"], ze = { class: "kun-editor__emoji-grid" }, Be = ["onClick"], Ve = {
+}, Re = ["data-active"], ze = ["data-active"], Be = { class: "kun-editor__emoji-grid" }, Ve = ["onClick"], He = {
 	key: 1,
 	class: "kun-editor__sticker-body"
-}, He = { class: "kun-editor__pack-name" }, Ue = { class: "kun-editor__sticker-grid" }, We = ["title", "onClick"], Ge = ["src", "alt"], Ke = {
+}, Ue = { class: "kun-editor__pack-name" }, We = { class: "kun-editor__sticker-grid" }, Ge = ["title", "onClick"], Ke = ["src", "alt"], qe = {
 	key: 1,
 	class: "kun-editor__picker-hint"
-}, qe = /* @__PURE__ */ s({
+}, Je = /* @__PURE__ */ s({
 	__name: "StickerPicker",
 	setup(n) {
 		let [, o] = k(), s = l(X), c = s?.adapters.stickerSource, u = !!c, d = t(() => (s?.locale ?? "zh-cn").toLowerCase().startsWith("en")), h = t(() => d.value ? {
@@ -336,7 +347,7 @@ var X = Symbol("kun-editor-context"), ye = [
 				n.dispatch(r.tr.insertText(e, r.selection.from));
 			});
 		}, N = (e, t) => {
-			o()?.action(U(se.key, {
+			o()?.action(U(ue.key, {
 				src: e,
 				title: t,
 				alt: t
@@ -356,28 +367,28 @@ var X = Symbol("kun-editor-context"), ye = [
 		}, [a("span", {
 			class: "kun-editor__icon",
 			innerHTML: b($).smile
-		}, null, 8, Pe)], 8, Ne), w(a("div", Fe, [
-			u ? (m(), i("div", Ie, [a("button", {
+		}, null, 8, Fe)], 8, Pe), w(a("div", Ie, [
+			u ? (m(), i("div", Le, [a("button", {
 				type: "button",
 				class: "kun-editor__picker-tab",
 				"data-active": C.value === "emoji",
 				onClick: n[0] ||= (e) => C.value = "emoji"
-			}, y(h.value.emoji), 9, Le), a("button", {
+			}, y(h.value.emoji), 9, Re), a("button", {
 				type: "button",
 				class: "kun-editor__picker-tab",
 				"data-active": C.value === "sticker",
 				onClick: n[1] ||= (e) => C.value = "sticker"
-			}, y(h.value.sticker), 9, Re)])) : r("", !0),
-			w(a("div", ze, [(m(!0), i(e, null, _(b(Me), (e, t) => (m(), i("button", {
+			}, y(h.value.sticker), 9, ze)])) : r("", !0),
+			w(a("div", Be, [(m(!0), i(e, null, _(b(Ne), (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__emoji",
 				onClick: (t) => M(e)
-			}, y(e), 9, Be))), 128))], 512), [[x, !u || C.value === "emoji"]]),
-			u ? w((m(), i("div", Ve, [T.value.length ? (m(!0), i(e, { key: 0 }, _(T.value, (t) => (m(), i("div", {
+			}, y(e), 9, Ve))), 128))], 512), [[x, !u || C.value === "emoji"]]),
+			u ? w((m(), i("div", He, [T.value.length ? (m(!0), i(e, { key: 0 }, _(T.value, (t) => (m(), i("div", {
 				key: t.name,
 				class: "kun-editor__pack"
-			}, [a("div", He, y(t.name), 1), a("div", Ue, [(m(!0), i(e, null, _(t.stickers, (e, t) => (m(), i("button", {
+			}, [a("div", Ue, y(t.name), 1), a("div", We, [(m(!0), i(e, null, _(t.stickers, (e, t) => (m(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__sticker",
@@ -387,26 +398,29 @@ var X = Symbol("kun-editor-context"), ye = [
 				src: e.src,
 				alt: e.name,
 				loading: "lazy"
-			}, null, 8, Ge)], 8, We))), 128))])]))), 128)) : (m(), i("div", Ke, y(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[x, C.value === "sticker"]]) : r("", !0)
+			}, null, 8, Ke)], 8, Ge))), 128))])]))), 128)) : (m(), i("div", qe, y(D.value ? h.value.failed : h.value.empty), 1))], 512)), [[x, C.value === "sticker"]]) : r("", !0)
 		], 512), [[x, v.value]])], 512));
 	}
-}), Je = {
+}), Ye = {
 	class: "kun-editor__format-toolbar",
 	role: "toolbar"
-}, Ye = ["aria-label"], Xe = {
+}, Xe = ["aria-label"], Ze = {
 	value: "",
 	disabled: "",
 	selected: ""
-}, Ze = ["value"], Qe = [
+}, Qe = ["value"], $e = [
 	"title",
 	"aria-label",
 	"onClick"
-], $e = ["innerHTML"], et = ["title", "aria-label"], tt = ["innerHTML"], nt = /* @__PURE__ */ s({
+], et = ["innerHTML"], tt = ["title", "aria-label"], nt = ["innerHTML"], rt = /* @__PURE__ */ s({
 	__name: "EditorToolbar",
 	setup(n) {
 		let [, s] = k(), c = l(X), u = t(() => c?.adapters.uploadImage), d = t(() => c?.features.sticker !== !1), f = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), p = (e, t) => {
 			s()?.action(U(e, t));
-		}, h = t(() => {
+		}, h = () => {
+			let e = window.prompt(f.value ? "Link URL" : "链接 URL")?.trim();
+			e && p(G.key, { href: e });
+		}, v = t(() => {
 			let e = f.value;
 			return {
 				textSize: e ? "Text size" : "文本大小",
@@ -414,6 +428,7 @@ var X = Symbol("kun-editor-context"), ye = [
 				italic: e ? "Italic" : "斜体",
 				strike: e ? "Strikethrough" : "删除线",
 				code: e ? "Inline code" : "行内代码",
+				link: e ? "Link" : "链接",
 				bulletList: e ? "Bullet list" : "无序列表",
 				orderedList: e ? "Ordered list" : "有序列表",
 				quote: e ? "Blockquote" : "引用块",
@@ -422,7 +437,7 @@ var X = Symbol("kun-editor-context"), ye = [
 				spoiler: e ? "Spoiler" : "隐藏文本",
 				image: e ? "Upload image" : "上传图片"
 			};
-		}), v = t(() => {
+		}), x = t(() => {
 			let e = f.value;
 			return [
 				"正文",
@@ -436,86 +451,91 @@ var X = Symbol("kun-editor-context"), ye = [
 				level: n,
 				label: e ? n === 0 ? "Paragraph" : `Heading ${n}` : t
 			}));
-		}), x = (e) => {
+		}), S = (e) => {
 			let t = e.target;
-			p(ne.key, Number(t.value)), t.selectedIndex = 0;
-		}, S = t(() => [
+			p(oe.key, Number(t.value)), t.selectedIndex = 0;
+		}, C = t(() => [
 			[
 				{
 					svg: $.bold,
-					title: h.value.bold,
-					run: () => p(ue.key)
+					title: v.value.bold,
+					run: () => p(fe.key)
 				},
 				{
 					svg: $.italic,
-					title: h.value.italic,
-					run: () => p(ce.key)
+					title: v.value.italic,
+					run: () => p(q.key)
 				},
 				{
 					svg: $.strike,
-					title: h.value.strike,
-					run: () => p(me.key)
+					title: v.value.strike,
+					run: () => p(J.key)
 				},
 				{
 					svg: $.code,
-					title: h.value.code,
-					run: () => p(le.key)
+					title: v.value.code,
+					run: () => p(de.key)
+				},
+				{
+					svg: $.link,
+					title: v.value.link,
+					run: h
 				}
 			],
 			[
 				{
 					svg: $.bulletList,
-					title: h.value.bulletList,
-					run: () => p(fe.key)
+					title: v.value.bulletList,
+					run: () => p(me.key)
 				},
 				{
 					svg: $.orderedList,
-					title: h.value.orderedList,
-					run: () => p(pe.key)
+					title: v.value.orderedList,
+					run: () => p(he.key)
 				},
 				{
 					svg: $.quote,
-					title: h.value.quote,
-					run: () => p(de.key)
+					title: v.value.quote,
+					run: () => p(pe.key)
 				},
 				{
 					svg: $.codeBlock,
-					title: h.value.codeBlock,
-					run: () => p(ae.key, "")
+					title: v.value.codeBlock,
+					run: () => p(ce.key, "")
 				},
 				{
 					svg: $.hr,
-					title: h.value.hr,
-					run: () => p(oe.key)
+					title: v.value.hr,
+					run: () => p(le.key)
 				}
 			],
 			[{
 				svg: $.spoiler,
-				title: h.value.spoiler,
-				run: () => p(K.key)
+				title: v.value.spoiler,
+				run: () => p(W.key)
 			}]
-		]), C = g(null), w = () => C.value?.click(), T = (e) => {
+		]), w = g(null), T = () => w.value?.click(), E = (e) => {
 			let t = e.target, n = t.files?.[0];
 			t.value = "";
 			let r = u.value;
 			!n || !r || s()?.action((e) => {
-				re(e.get(F), n, {
+				K(e.get(F), n, {
 					uploadImage: r,
 					notify: c?.adapters.notify,
 					locale: c?.locale
 				});
 			});
 		};
-		return (t, n) => (m(), i("div", Je, [
+		return (t, n) => (m(), i("div", Ye, [
 			a("select", {
 				class: "kun-editor__heading-select",
-				"aria-label": h.value.textSize,
-				onChange: x
-			}, [a("option", Xe, y(h.value.textSize), 1), (m(!0), i(e, null, _(v.value, (e) => (m(), i("option", {
+				"aria-label": v.value.textSize,
+				onChange: S
+			}, [a("option", Ze, y(v.value.textSize), 1), (m(!0), i(e, null, _(x.value, (e) => (m(), i("option", {
 				key: e.level,
 				value: e.level
-			}, y(e.label), 9, Ze))), 128))], 40, Ye),
-			(m(!0), i(e, null, _(S.value, (t, r) => (m(), i(e, { key: r }, [n[0] ||= a("span", {
+			}, y(e.label), 9, Qe))), 128))], 40, Xe),
+			(m(!0), i(e, null, _(C.value, (t, r) => (m(), i(e, { key: r }, [n[0] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
 			}, null, -1), (m(!0), i(e, null, _(t, (e, t) => (m(), i("button", {
@@ -528,7 +548,7 @@ var X = Symbol("kun-editor-context"), ye = [
 			}, [a("span", {
 				class: "kun-editor__icon",
 				innerHTML: e.svg
-			}, null, 8, $e)], 8, Qe))), 128))], 64))), 128)),
+			}, null, 8, et)], 8, $e))), 128))], 64))), 128)),
 			u.value ? (m(), i(e, { key: 0 }, [
 				n[1] ||= a("span", {
 					class: "kun-editor__toolbar-divider",
@@ -537,29 +557,29 @@ var X = Symbol("kun-editor-context"), ye = [
 				a("button", {
 					type: "button",
 					class: "kun-editor__tool",
-					title: h.value.image,
-					"aria-label": h.value.image,
-					onClick: w
+					title: v.value.image,
+					"aria-label": v.value.image,
+					onClick: T
 				}, [a("span", {
 					class: "kun-editor__icon",
 					innerHTML: b($).image
-				}, null, 8, tt)], 8, et),
+				}, null, 8, nt)], 8, tt),
 				a("input", {
 					ref_key: "fileInput",
-					ref: C,
+					ref: w,
 					type: "file",
 					accept: ".jpg,.jpeg,.png,.webp,.gif",
 					hidden: "",
-					onChange: T
+					onChange: E
 				}, null, 544)
 			], 64)) : r("", !0),
 			d.value ? (m(), i(e, { key: 1 }, [n[2] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
-			}, null, -1), o(qe)], 64)) : r("", !0)
+			}, null, -1), o(Je)], 64)) : r("", !0)
 		]));
 	}
-}), rt = /* @__PURE__ */ s({
+}), it = /* @__PURE__ */ s({
 	__name: "ToolbarHost",
 	setup(e) {
 		let [, t] = k(), n = l(X, void 0), r = (e, n) => {
@@ -577,18 +597,21 @@ var X = Symbol("kun-editor-context"), ye = [
 			uploadImage: (e) => {
 				let r = n?.adapters.uploadImage, i = t();
 				!r || !i || i.action((t) => {
-					re(t.get(F), e, {
+					K(t.get(F), e, {
 						uploadImage: r,
 						notify: n?.adapters.notify,
 						locale: n?.locale
 					});
 				});
 			},
+			insertLink: (e) => {
+				r(G.key, e), i();
+			},
 			insertQuote: (e) => {
-				r(J.key, e), i();
+				r(re.key, e), i();
 			},
 			insertMention: (e) => {
-				r(q.key, e), i();
+				r(ne.key, e), i();
 			},
 			focus: i,
 			get adapters() {
@@ -603,7 +626,7 @@ var X = Symbol("kun-editor-context"), ye = [
 		};
 		return (e, t) => v(e.$slots, "default", d(c(a)));
 	}
-}), it = /* @__PURE__ */ s({
+}), at = /* @__PURE__ */ s({
 	__name: "MarkdownSource",
 	props: {
 		modelValue: {},
@@ -611,13 +634,13 @@ var X = Symbol("kun-editor-context"), ye = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = g(null), o = null, s = he.define(), c = (e) => ge.create({
+		let n = e, r = t, a = g(null), o = null, s = ge.define(), c = (e) => _e.create({
 			doc: e,
 			extensions: [
-				ee(),
+				ie(),
 				Y.lineWrapping,
-				ve,
-				_e(),
+				ye,
+				ve(),
 				Y.editable.of(!n.readonly),
 				Y.updateListener.of((e) => {
 					e.docChanged && !e.transactions.some((e) => e.annotation(s)) && r("update:modelValue", e.state.doc.toString());
@@ -652,19 +675,19 @@ var X = Symbol("kun-editor-context"), ye = [
 			class: "kun-editor__source"
 		}, null, 512));
 	}
-}), at = ["data-mode"], ot = {
+}), ot = ["data-mode"], st = {
 	key: 0,
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, st = [
+}, ct = [
 	"aria-selected",
 	"data-active",
 	"onClick"
-], ct = ["title", "aria-label"], lt = [
+], lt = ["title", "aria-label"], ut = [
 	"data-active",
 	"title",
 	"aria-pressed"
-], ut = ["data-swap"], dt = { class: "kun-editor__wysiwyg kun-editor__pane" }, ft = /* @__PURE__ */ s({
+], dt = ["data-swap"], ft = { class: "kun-editor__wysiwyg kun-editor__pane" }, pt = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -697,7 +720,8 @@ var X = Symbol("kun-editor-context"), ye = [
 			"bold",
 			"italic",
 			"strike",
-			"code"
+			"code",
+			"link"
 		], E = s, O = p;
 		h(X, {
 			get adapters() {
@@ -741,7 +765,7 @@ var X = Symbol("kun-editor-context"), ye = [
 			scrollSync: "同步滚动"
 		}), z = g(null), B = null, V = null, H = null, U = () => {
 			B?.(), B = null, V = null;
-		}, W = () => {
+		}, ee = () => {
 			U();
 			let e = z.value;
 			if (!e) return;
@@ -760,13 +784,13 @@ var X = Symbol("kun-editor-context"), ye = [
 			};
 		};
 		S([j, F], ([e, t]) => {
-			U(), e === "split" && t && u(W);
+			U(), e === "split" && t && u(ee);
 		}), f(U);
-		let G = t(() => E.readonly || j.value === "split"), K = (e) => O("update:modelValue", e), q = g(null);
+		let te = t(() => E.readonly || j.value === "split"), W = (e) => O("update:modelValue", e), G = g(null);
 		return l({
-			insertQuote: (e) => q.value?.insertQuote(e),
-			insertMention: (e) => q.value?.insertMention(e),
-			focus: () => q.value?.focus()
+			insertQuote: (e) => G.value?.insertQuote(e),
+			insertMention: (e) => G.value?.insertMention(e),
+			focus: () => G.value?.focus()
 		}), (t, l) => (m(), i("div", {
 			ref_key: "rootEl",
 			ref: z,
@@ -782,52 +806,53 @@ var X = Symbol("kun-editor-context"), ye = [
 			swap: P,
 			scrollSync: F.value,
 			toggleScrollSync: I
-		}, () => [s.views.length > 1 ? (m(), i("div", ot, [(m(!0), i(e, null, _(s.views, (e) => (m(), i("button", {
+		}, () => [s.views.length > 1 ? (m(), i("div", st, [(m(!0), i(e, null, _(s.views, (e) => (m(), i("button", {
 			key: e,
 			type: "button",
 			class: "kun-editor__tab",
 			"aria-selected": j.value === e,
 			"data-active": j.value === e,
 			onClick: (t) => M(e)
-		}, y(R.value[e]), 9, st))), 128)), j.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
+		}, y(R.value[e]), 9, ct))), 128)), j.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
 			type: "button",
 			class: "kun-editor__tab kun-editor__swap",
 			title: R.value.swap,
 			"aria-label": R.value.swap,
 			onClick: l[0] ||= (e) => P()
-		}, " ⇄ ", 8, ct), a("button", {
+		}, " ⇄ ", 8, lt), a("button", {
 			type: "button",
 			class: "kun-editor__tab",
 			"data-active": F.value,
 			title: R.value.scrollSync,
 			"aria-pressed": F.value,
 			onClick: l[1] ||= (e) => I()
-		}, y(R.value.scrollSync), 9, lt)], 64)) : r("", !0)])) : r("", !0)]), o(b(D), null, {
+		}, y(R.value.scrollSync), 9, ut)], 64)) : r("", !0)])) : r("", !0)]), o(b(D), null, {
 			default: C(() => [o(b(A), null, {
-				default: C(() => [w(a("div", null, [o(rt, null, {
-					default: C((e) => [v(t.$slots, "toolbar", d(c(e)), () => [o(nt)])]),
+				default: C(() => [w(a("div", null, [o(it, null, {
+					default: C((e) => [v(t.$slots, "toolbar", d(c(e)), () => [o(rt)])]),
 					_: 3
 				})], 512), [[x, j.value === "wysiwyg" && !s.readonly]]), a("div", {
 					class: "kun-editor__panes",
 					"data-swap": N.value
-				}, [j.value === "source" || j.value === "split" ? (m(), n(it, {
+				}, [j.value === "source" || j.value === "split" ? (m(), n(at, {
 					key: 0,
 					class: "kun-editor__pane",
 					"model-value": s.modelValue,
 					readonly: s.readonly,
-					"onUpdate:modelValue": K
-				}, null, 8, ["model-value", "readonly"])) : r("", !0), w(a("div", dt, [o(je, {
+					"onUpdate:modelValue": W
+				}, null, 8, ["model-value", "readonly"])) : r("", !0), w(a("div", ft, [o(Me, {
 					ref_key: "inner",
-					ref: q,
+					ref: G,
 					"model-value": s.modelValue,
 					adapters: s.adapters,
 					features: s.features,
 					locale: s.locale,
-					readonly: G.value,
+					readonly: te.value,
 					placeholder: s.placeholder,
 					"placeholder-mode": s.placeholderMode,
+					active: j.value === "wysiwyg" && !s.readonly,
 					"selection-toolbar": k.value,
-					"onUpdate:modelValue": K
+					"onUpdate:modelValue": W
 				}, null, 8, [
 					"model-value",
 					"adapters",
@@ -836,15 +861,16 @@ var X = Symbol("kun-editor-context"), ye = [
 					"readonly",
 					"placeholder",
 					"placeholder-mode",
+					"active",
 					"selection-toolbar"
-				])], 512), [[x, j.value === "wysiwyg" || j.value === "split"]])], 8, ut)]),
+				])], 512), [[x, j.value === "wysiwyg" || j.value === "split"]])], 8, dt)]),
 				_: 3
 			})]),
 			_: 3
-		})], 8, at));
+		})], 8, ot));
 	}
-}), pt = { install(e) {
-	e.component("KunEditor", ft);
+}), mt = { install(e) {
+	e.component("KunEditor", pt);
 } };
 //#endregion
-export { Me as EMOJI, ft as KunEditor, pt as KunEditorPlugin };
+export { Ne as EMOJI, pt as KunEditor, mt as KunEditorPlugin };

package/dist/toolbar-icons.d.ts

@@ -13,6 +13,7 @@ export declare const TOOLBAR_ICONS: {
     readonly hr: string;
     readonly image: string;
     readonly spoiler: string;
+    readonly link: string;
     readonly latex: string;
     readonly smile: string;
 };

package/dist/toolbar-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-icons.d.ts","sourceRoot":"","sources":["../src/toolbar-icons.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CAiBhB,CAAA"}
+{"version":3,"file":"toolbar-icons.d.ts","sourceRoot":"","sources":["../src/toolbar-icons.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;CAkBhB,CAAA"}

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import type { CmdKey } from '@milkdown/kit/core';
 import type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale } from '@kungal/editor-core';
-export type KunToolbarItem = 'heading' | 'bold' | 'italic' | 'strike' | 'code' | 'bulletList' | 'orderedList' | 'quote' | 'codeBlock' | 'hr' | 'spoiler' | 'image' | 'picker' | '|';
-export type KunSelectionItem = 'bold' | 'italic' | 'strike' | 'code' | '|';
+export type KunToolbarItem = 'heading' | 'bold' | 'italic' | 'strike' | 'code' | 'bulletList' | 'orderedList' | 'quote' | 'codeBlock' | 'hr' | 'spoiler' | 'link' | 'image' | 'picker' | '|';
+export type KunSelectionItem = 'bold' | 'italic' | 'strike' | 'code' | 'link' | '|';
 export interface KunEditorToolbarApi {
     /** Run a Milkdown command (import its key from the preset/commonmark/gfm). */
     run: <T>(key: CmdKey<T>, payload?: T) => void;
@@ -13,6 +13,14 @@ export interface KunEditorToolbarApi {
      * removing it + notifying on failure. No-op without an `uploadImage` adapter.
      */
     uploadImage: (file: File) => void;
+    /**
+     * Apply a link to the selection, or (empty selection) insert linked text.
+     * `text` defaults to the href. Standard markdown `[text](href)`.
+     */
+    insertLink: (payload: {
+        href: string;
+        text?: string;
+    }) => void;
     /** Insert a reference atom at the cursor (requires the quote feature). */
     insertQuote: (payload: {
         refId: string;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAK5B,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,aAAa,GACb,OAAO,GACP,WAAW,GACX,IAAI,GACJ,SAAS,GACT,OAAO,GACP,QAAQ,GACR,GAAG,CAAA;AAIP,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,GAAG,CAAA;AAM1E,MAAM,WAAW,mBAAmB;IAClC,8EAA8E;IAC9E,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7C,uDAAuD;IACvD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;;;;OAIG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACjC,0EAA0E;IAC1E,WAAW,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChE,6CAA6C;IAC7C,aAAa,EAAE,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAClE,gCAAgC;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,yEAAyE;IACzE,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,yCAAyC;IACzC,QAAQ,CAAC,MAAM,EAAE,eAAe,CAAA;CACjC;AAMD,MAAM,WAAW,sBAAsB;IACrC,uEAAuE;IACvE,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,8BAA8B;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;IACvD,8EAA8E;IAC9E,KAAK,EAAE,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,EAAE,CAAA;IACzC,qDAAqD;IACrD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,UAAU,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,gDAAgD;IAChD,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,4CAA4C;IAC5C,UAAU,EAAE,OAAO,CAAA;IACnB,qCAAqC;IACrC,gBAAgB,EAAE,MAAM,IAAI,CAAA;CAC7B;AASD,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC5D;;;OAGG;IACH,aAAa,CAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IAC9D,gCAAgC;IAChC,KAAK,IAAI,IAAI,CAAA;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-vue",
-  "version": "0.25.1",
+  "version": "0.26.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.25.1"
+    "@kungal/editor-core": "0.26.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.25.1"
+    "@kungal/editor-core": "0.26.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json",