@kungal/editor-vue 0.11.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @kungal/editor-vue
 
+## 0.12.0
+
+### Minor Changes
+
+- 5786594: Add a `#toolbar` slot and a KunUI toolbar — the toolbar is now a swappable layer.
+
+  `<KunEditor>` exposes a `#toolbar` scoped slot whose props are the command API
+  (`KunEditorToolbarApi`: `run(cmdKey, payload)` / `insertText` / `insertQuote` /
+  `insertMention` / `focus` / `adapters` / `features` / `locale`). The API is
+  computed inside the Milkdown providers and handed down, so a custom toolbar can
+  live in the consumer's tree without `useInstance`/`inject`. The hand-rolled
+  default toolbar is the slot's fallback — omit the slot and nothing changes.
+
+  `@kungal/editor-nuxt` ships `<KunEditorToolbar>` (auto-imported): the same
+  toolbar built with **KunButton / KunIcon / KunTooltip / KunPopover** (real tooltip
+  delay, popover focus/collision, a11y):
+
+  ```vue
+  <KunEditor v-model="md" :adapters="adapters">
+    <template #toolbar="api"><KunEditorToolbar v-bind="api" /></template>
+  </KunEditor>
+  ```
+
+  This keeps `@kungal/editor-vue` **headless / zero UI-kit dependency** (any Vue app
+  can use it with the default toolbar) while the KunUI ecosystem (forum, moyu) gets
+  native chrome — the "headless core + optional UI layer" pattern (TipTap UI,
+  BlockNote's swappable toolbar). Also exports `EMOJI` from `@kungal/editor-vue` for
+  building custom pickers.
+
+### Patch Changes
+
+- @kungal/editor-core@0.12.0
+
 ## 0.11.0
 
 ### Patch Changes

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

@@ -12,7 +12,26 @@ type __VLS_Props = {
     /** Read-only render (no editing). */
     readonly?: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, KunEditorExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_20: {
+    run: <T>(key: import("@milkdown/kit/core").CmdKey<T>, payload?: T) => void;
+    insertText: (text: string) => void;
+    insertQuote: (payload: {
+        refId: string;
+        label: string;
+    }) => void;
+    insertMention: (payload: {
+        userId: number;
+        name: string;
+    }) => void;
+    focus: () => void;
+    adapters: KunEditorAdapters;
+    features: KunEditorFeatures;
+    locale: KunEditorLocale;
+};
+type __VLS_Slots = {} & {
+    toolbar?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, KunEditorExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (markdown: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((markdown: string) => any) | undefined;
@@ -22,6 +41,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, KunEditor
     locale: KunEditorLocale;
     readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=KunEditor.vue.d.ts.map

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":"AAkKA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAK5B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,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;CACnB,CAAC;AAwNJ,QAAA,MAAM,YAAY;;;;;cA/NH,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;6EA8NpB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"KunEditor.vue.d.ts","sourceRoot":"","sources":["../../src/components/KunEditor.vue"],"names":[],"mappings":"AA2KA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,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;CACnB,CAAC;AAsOJ,QAAA,IAAI,QAAQ;iEAhQZ,CA9JwB;;;;;;;;;;;;;;CA8ZqB,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;cAtPD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;6EAqPpB,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/ToolbarHost.vue.d.ts

@@ -0,0 +1,30 @@
+import type { CmdKey } from '@milkdown/kit/core';
+declare var __VLS_1: {
+    run: <T>(key: CmdKey<T>, payload?: T) => void;
+    insertText: (text: string) => void;
+    insertQuote: (payload: {
+        refId: string;
+        label: string;
+    }) => void;
+    insertMention: (payload: {
+        userId: number;
+        name: string;
+    }) => void;
+    focus: () => void;
+    adapters: import("@kungal/editor-core").KunEditorAdapters;
+    features: import("@kungal/editor-core").KunEditorFeatures;
+    locale: import("@kungal/editor-core").KunEditorLocale;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ToolbarHost.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarHost.vue.d.ts","sourceRoot":"","sources":["../../src/components/ToolbarHost.vue"],"names":[],"mappings":"AAyEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAuEhD,QAAA,IAAI,OAAO;oCAxEX,CA9De;;;;;;;;;;;;;;CAsIO,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.d.ts

@@ -2,6 +2,8 @@ import type { Plugin } from 'vue';
 import KunEditor from './components/KunEditor.vue';
 export { KunEditor };
 export type { KunEditorExpose } from './types';
+export type { KunEditorToolbarApi } from './types';
+export { EMOJI } from './emoji';
 export type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale, UploadImage, SearchMentionUsers, StickerSource, Notify, NotifyLevel, MentionUser, StickerItem, StickerPack } from '@kungal/editor-core';
 /** Vue plugin: `app.use(KunEditorPlugin)` to register <KunEditor> globally. */
 export declare const KunEditorPlugin: Plugin;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,CAAA;AAGpB,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,MAAM,EACN,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACZ,MAAM,qBAAqB,CAAA;AAE5B,+EAA+E;AAC/E,eAAO,MAAM,eAAe,EAAE,MAI7B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,CAAA;AAGpB,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,aAAa,EACb,MAAM,EACN,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACZ,MAAM,qBAAqB,CAAA;AAE5B,+EAA+E;AAC/E,eAAO,MAAM,eAAe,EAAE,MAI7B,CAAA"}

package/dist/index.js

@@ -1,39 +1,39 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, inject as c, onBeforeUnmount as l, onMounted as u, openBlock as d, provide as f, ref as p, renderList as m, toDisplayString as h, unref as g, vShow as _, watch as v, withCtx as y, withDirectives as b, withModifiers as x } from "vue";
-import { Milkdown as S, MilkdownProvider as C, useEditor as w, useInstance as T } from "@milkdown/vue";
-import { ProsemirrorAdapterProvider as E, usePluginViewContext as D, usePluginViewFactory as O } from "@prosemirror-adapter/vue";
-import { Editor as k, defaultValueCtx as A, editorViewCtx as j, editorViewOptionsCtx as M, rootCtx as N } from "@milkdown/kit/core";
-import { listenerCtx as P } from "@milkdown/kit/plugin/listener";
-import { SlashProvider as F, slashFactory as I } from "@milkdown/kit/plugin/slash";
-import { callCommand as L, replaceAll as R } from "@milkdown/kit/utils";
-import { createKunEditorPlugins as ee, insertKunSpoilerCommand as te, insertMentionCommand as ne, insertQuoteCommand as re, kunCM as ie, mentionId as ae, toggleLatexCommand as oe } from "@kungal/editor-core/preset";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, inject as l, normalizeProps as u, onBeforeUnmount as d, onMounted as f, openBlock as p, provide as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, vShow as b, watch as x, withCtx as S, withDirectives as C, withModifiers as w } from "vue";
+import { Milkdown as T, MilkdownProvider as E, useEditor as D, useInstance as O } from "@milkdown/vue";
+import { ProsemirrorAdapterProvider as k, usePluginViewContext as A, usePluginViewFactory as j } from "@prosemirror-adapter/vue";
+import { Editor as M, defaultValueCtx as N, editorViewCtx as P, editorViewOptionsCtx as F, rootCtx as I } from "@milkdown/kit/core";
+import { listenerCtx as L } from "@milkdown/kit/plugin/listener";
+import { SlashProvider as ee, slashFactory as te } from "@milkdown/kit/plugin/slash";
+import { callCommand as R, replaceAll as z } from "@milkdown/kit/utils";
+import { createKunEditorPlugins as ne, insertKunSpoilerCommand as re, insertMentionCommand as B, insertQuoteCommand as V, kunCM as ie, mentionId as ae, toggleLatexCommand as oe } from "@kungal/editor-core/preset";
 import { TextSelection as se } from "@milkdown/kit/prose/state";
-import { createCodeBlockCommand as ce, insertHrCommand as z, insertImageCommand as B, toggleEmphasisCommand as V, toggleInlineCodeCommand as H, toggleStrongCommand as U, wrapInBlockquoteCommand as W, wrapInBulletListCommand as G, wrapInHeadingCommand as K, wrapInOrderedListCommand as le } from "@milkdown/kit/preset/commonmark";
-import { toggleStrikethroughCommand as ue } from "@milkdown/kit/preset/gfm";
-import { EditorState as de } from "@codemirror/state";
-import { EditorView as q } from "@codemirror/view";
-import { markdown as fe } from "@codemirror/lang-markdown";
-import { basicSetup as pe } from "codemirror";
+import { createCodeBlockCommand as ce, insertHrCommand as le, insertImageCommand as H, toggleEmphasisCommand as U, toggleInlineCodeCommand as W, toggleStrongCommand as ue, wrapInBlockquoteCommand as de, wrapInBulletListCommand as fe, wrapInHeadingCommand as G, wrapInOrderedListCommand as pe } from "@milkdown/kit/preset/commonmark";
+import { toggleStrikethroughCommand as me } from "@milkdown/kit/preset/gfm";
+import { EditorState as he } from "@codemirror/state";
+import { EditorView as K } from "@codemirror/view";
+import { markdown as ge } from "@codemirror/lang-markdown";
+import { basicSetup as _e } from "codemirror";
 //#region src/context.ts
-var J = Symbol("kun-editor-context"), me = [
+var q = Symbol("kun-editor-context"), ve = [
 	"data-active",
 	"onMousedown",
 	"onMouseenter"
-], he = ["src", "alt"], ge = {
+], ye = ["src", "alt"], be = {
 	key: 1,
 	class: "kun-mention-dropdown__avatar kun-mention-dropdown__avatar--fallback"
-}, _e = { class: "kun-mention-dropdown__name" }, ve = {
+}, xe = { class: "kun-mention-dropdown__name" }, Se = {
 	key: 1,
 	class: "kun-mention-dropdown__hint"
-}, ye = {
+}, Ce = {
 	key: 2,
 	class: "kun-mention-dropdown__hint"
-}, be = {
+}, we = {
 	key: 3,
 	class: "kun-mention-dropdown__hint"
-}, xe = /* @__PURE__ */ s({
+}, Te = /* @__PURE__ */ s({
 	__name: "MentionDropdown",
 	setup(n) {
-		let r = /(?:^|\s)@([^\s@]{0,30})$/, o = c(J), s = o?.adapters.searchMentionUsers, f = t(() => (o?.locale ?? "zh-cn").toLowerCase().startsWith("en")), g = t(() => f.value ? {
+		let r = /(?:^|\s)@([^\s@]{0,30})$/, o = l(q), s = o?.adapters.searchMentionUsers, c = t(() => (o?.locale ?? "zh-cn").toLowerCase().startsWith("en")), u = t(() => c.value ? {
 			searching: "Searching…",
 			empty: "No matching users",
 			prompt: "Type a username to search"
@@ -41,48 +41,48 @@ var J = Symbol("kun-editor-context"), me = [
 			searching: "搜索中…",
 			empty: "无匹配用户",
 			prompt: "输入用户名以搜索"
-		}), { view: _, prevState: y } = D(), b = p(null), S, C = p(!1), w = p(""), T = p([]), E = p(0), O = p(!1), k = null, A = 0, j = null, M = () => {
-			j &&= (clearTimeout(j), null), w.value = "", T.value = [], E.value = 0, O.value = !1, k = null;
+		}), { view: m, prevState: _ } = A(), y = h(null), b, S = h(!1), C = h(""), T = h([]), E = h(0), D = h(!1), O = null, k = 0, j = null, M = () => {
+			j &&= (clearTimeout(j), null), C.value = "", T.value = [], E.value = 0, D.value = !1, O = null;
 		}, N = (e) => {
 			if (j &&= (clearTimeout(j), null), !e || !s) {
-				T.value = [], O.value = !1;
+				T.value = [], D.value = !1;
 				return;
 			}
-			O.value = !0, j = setTimeout(async () => {
-				let t = ++A, n = [];
+			D.value = !0, j = setTimeout(async () => {
+				let t = ++k, n = [];
 				try {
 					n = await s(e);
 				} catch {
 					n = [];
 				}
-				t === A && (T.value = n ?? [], E.value = 0, O.value = !1);
+				t === k && (T.value = n ?? [], E.value = 0, D.value = !1);
 			}, 180);
 		}, P = (e) => {
 			let { selection: t } = e.state;
 			if (!t.empty) return null;
 			let { $from: n } = t, i = n.parent.textBetween(Math.max(0, n.parentOffset - 100), n.parentOffset, void 0, "").match(r);
 			return i ? i[1] ?? "" : null;
-		}, I = (e) => {
+		}, F = (e) => {
 			let t = P(e);
 			if (t === null) return !1;
 			let n = e.state.selection.$from.pos;
-			return k = {
+			return O = {
 				from: n - (t.length + 1),
 				to: n
-			}, t !== w.value && (w.value = t, N(t)), !0;
-		}, L = (e) => {
-			let t = _.value;
-			if (!t || !k) return;
+			}, t !== C.value && (C.value = t, N(t)), !0;
+		}, I = (e) => {
+			let t = m.value;
+			if (!t || !O) return;
 			let n = t.state.schema.nodes[ae];
 			if (!n) return;
 			let r = n.create({
 				userId: e.id,
 				name: e.name
-			}), { from: i, to: a } = k, o = t.state.tr.replaceWith(i, a, r), s = i + r.nodeSize;
-			o.insertText(" ", s), o.setSelection(se.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), S.hide();
-		}, R = (e) => {
-			if (!C.value || !T.value.length) {
-				C.value && e.key === "Escape" && (e.preventDefault(), S.hide());
+			}), { from: i, to: a } = O, o = t.state.tr.replaceWith(i, a, r), s = i + r.nodeSize;
+			o.insertText(" ", s), o.setSelection(se.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), b.hide();
+		}, L = (e) => {
+			if (!S.value || !T.value.length) {
+				S.value && e.key === "Escape" && (e.preventDefault(), b.hide());
 				return;
 			}
 			let t = T.value.length - 1;
@@ -96,49 +96,49 @@ var J = Symbol("kun-editor-context"), me = [
 				case "Enter":
 				case "Tab": {
 					let t = T.value[E.value];
-					t && (e.preventDefault(), e.stopPropagation(), L(t));
+					t && (e.preventDefault(), e.stopPropagation(), I(t));
 					break;
 				}
 				case "Escape":
-					e.preventDefault(), e.stopPropagation(), S.hide();
+					e.preventDefault(), e.stopPropagation(), b.hide();
 					break;
 			}
 		};
-		return u(() => {
-			S = new F({
-				content: b.value,
+		return f(() => {
+			b = new ee({
+				content: y.value,
 				trigger: "@",
-				shouldShow: I,
+				shouldShow: F,
 				debounce: 0
-			}), S.onShow = () => {
-				C.value = !0;
-			}, S.onHide = () => {
-				C.value = !1, M();
-			}, S.update(_.value, y.value), window.addEventListener("keydown", R, !0);
-		}), v([_, y], () => {
-			S?.update(_.value, y.value);
-		}), l(() => {
-			j && clearTimeout(j), window.removeEventListener("keydown", R, !0), S?.destroy();
-		}), (t, n) => (d(), i("div", {
+			}), b.onShow = () => {
+				S.value = !0;
+			}, b.onHide = () => {
+				S.value = !1, M();
+			}, b.update(m.value, _.value), window.addEventListener("keydown", L, !0);
+		}), x([m, _], () => {
+			b?.update(m.value, _.value);
+		}), d(() => {
+			j && clearTimeout(j), window.removeEventListener("keydown", L, !0), b?.destroy();
+		}), (t, n) => (p(), i("div", {
 			ref_key: "divRef",
-			ref: b,
+			ref: y,
 			class: "kun-mention-dropdown",
 			"data-show": "false"
-		}, [T.value.length ? (d(!0), i(e, { key: 0 }, m(T.value, (e, t) => (d(), i("button", {
+		}, [T.value.length ? (p(!0), i(e, { key: 0 }, g(T.value, (e, t) => (p(), i("button", {
 			key: e.id,
 			type: "button",
 			class: "kun-mention-dropdown__item",
 			"data-active": t === E.value,
-			onMousedown: x((t) => L(e), ["prevent"]),
+			onMousedown: w((t) => I(e), ["prevent"]),
 			onMouseenter: (e) => E.value = t
-		}, [e.avatar ? (d(), i("img", {
+		}, [e.avatar ? (p(), i("img", {
 			key: 0,
 			src: e.avatar,
 			alt: e.name,
 			class: "kun-mention-dropdown__avatar"
-		}, null, 8, he)) : (d(), i("span", ge, h(e.name.charAt(0)), 1)), a("span", _e, h(e.name), 1)], 40, me))), 128)) : O.value ? (d(), i("div", ve, h(g.value.searching), 1)) : w.value ? (d(), i("div", ye, h(g.value.empty), 1)) : (d(), i("div", be, h(g.value.prompt), 1))], 512));
+		}, null, 8, ye)) : (p(), i("span", be, v(e.name.charAt(0)), 1)), a("span", xe, v(e.name), 1)], 40, ve))), 128)) : D.value ? (p(), i("div", Se, v(u.value.searching), 1)) : C.value ? (p(), i("div", Ce, v(u.value.empty), 1)) : (p(), i("div", we, v(u.value.prompt), 1))], 512));
 	}
-}), Se = /* @__PURE__ */ s({
+}), Ee = /* @__PURE__ */ s({
 	__name: "MilkdownEditor",
 	props: {
 		modelValue: {},
@@ -149,68 +149,68 @@ var J = Symbol("kun-editor-context"), me = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { expose: t, emit: r }) {
-		let i = e, a = r, o = i.modelValue, s = O(), c = I("kunMention"), l = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!s, u = w((e) => {
-			let t = k.make().config((t) => {
-				t.set(N, e), t.set(A, i.modelValue), t.get(P).markdownUpdated((e, t, n) => {
+		let i = e, a = r, o = i.modelValue, s = j(), c = te("kunMention"), l = i.features.mention !== !1 && !!i.adapters.searchMentionUsers && !!s, u = D((e) => {
+			let t = M.make().config((t) => {
+				t.set(I, e), t.set(N, i.modelValue), t.get(L).markdownUpdated((e, t, n) => {
 					t !== n && (o = t, a("update:modelValue", t));
-				}), t.update(M, (e) => ({
+				}), t.update(F, (e) => ({
 					...e,
 					editable: () => !i.readonly
-				})), l && t.set(c.key, { view: s({ component: xe }) });
-			}).use(ee(i.adapters, i.features, { locale: i.locale }));
+				})), l && t.set(c.key, { view: s({ component: Te }) });
+			}).use(ne(i.adapters, i.features, { locale: i.locale }));
 			return l && t.use(c), t;
 		});
-		v(() => i.modelValue, (e) => {
-			e !== o && (o = e, u.get()?.action(R(e)));
+		x(() => i.modelValue, (e) => {
+			e !== o && (o = e, u.get()?.action(z(e)));
 		});
-		let f = () => {
-			u.get()?.action((e) => e.get(j).focus());
+		let d = () => {
+			u.get()?.action((e) => e.get(P).focus());
 		};
 		return t({
 			insertQuote: (e) => {
-				u.get()?.action(L(re.key, e)), f();
+				u.get()?.action(R(V.key, e)), d();
 			},
 			insertMention: (e) => {
-				u.get()?.action(L(ne.key, e)), f();
+				u.get()?.action(R(B.key, e)), d();
 			},
-			focus: f
-		}), (e, t) => (d(), n(g(S)));
+			focus: d
+		}), (e, t) => (p(), n(y(T)));
 	}
-}), Y = (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>`, X = (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>`, Z = {
-	bold: Y("<path d=\"M6 4h8a4 4 0 0 1 0 8H6z\"/><path d=\"M6 12h9a4 4 0 0 1 0 8H6z\"/>"),
-	italic: Y("<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: Y("<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\"/>"),
-	code: Y("<path d=\"m18 16 4-4-4-4\"/><path d=\"m6 8-4 4 4 4\"/><path d=\"m14.5 4-5 16\"/>"),
-	h1: X("H1", 11),
-	h2: X("H2", 11),
-	h3: X("H3", 11),
-	bulletList: Y("<line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><circle cx=\"3.5\" cy=\"6\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"3.5\" cy=\"12\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"3.5\" cy=\"18\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"/>"),
-	orderedList: Y("<line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/><path d=\"M4 6h1v4\"/><path d=\"M4 10h2\"/><path d=\"M6 18H4c0-1 2-1.5 2-2.5S5 14 4 14.5\"/>"),
-	quote: Y("<path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\" fill=\"currentColor\" stroke=\"none\"/>"),
-	codeBlock: Y("<rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"/><path d=\"m9 10-2 2 2 2\"/><path d=\"m15 10 2 2-2 2\"/>"),
-	hr: Y("<line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/>"),
-	image: Y("<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: Y("<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\"/>"),
-	latex: X("Σ", 15),
-	smile: Y("<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\"/>")
-}, Ce = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), we = [
+}), J = (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>`, Y = (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>`, X = {
+	bold: J("<path d=\"M6 4h8a4 4 0 0 1 0 8H6z\"/><path d=\"M6 12h9a4 4 0 0 1 0 8H6z\"/>"),
+	italic: J("<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: J("<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\"/>"),
+	code: J("<path d=\"m18 16 4-4-4-4\"/><path d=\"m6 8-4 4 4 4\"/><path d=\"m14.5 4-5 16\"/>"),
+	h1: Y("H1", 11),
+	h2: Y("H2", 11),
+	h3: Y("H3", 11),
+	bulletList: J("<line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><circle cx=\"3.5\" cy=\"6\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"3.5\" cy=\"12\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"3.5\" cy=\"18\" r=\"1.2\" fill=\"currentColor\" stroke=\"none\"/>"),
+	orderedList: J("<line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/><path d=\"M4 6h1v4\"/><path d=\"M4 10h2\"/><path d=\"M6 18H4c0-1 2-1.5 2-2.5S5 14 4 14.5\"/>"),
+	quote: J("<path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\" fill=\"currentColor\" stroke=\"none\"/>"),
+	codeBlock: J("<rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"/><path d=\"m9 10-2 2 2 2\"/><path d=\"m15 10 2 2-2 2\"/>"),
+	hr: J("<line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/>"),
+	image: J("<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: J("<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\"/>"),
+	latex: Y("Σ", 15),
+	smile: J("<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\"/>")
+}, Z = /* @__PURE__ */ "😀.😃.😄.😁.😆.😅.🤣.😂.🙂.🙃.😉.😊.😇.🥰.😍.🤩.😘.😗.😚.😋.😛.😜.🤪.😝.🤗.🤭.🤔.🤐.😐.😑.😶.😏.😒.🙄.😬.😌.😔.😪.🤤.😴.😷.🤒.🤕.🥵.🥶.🥴.😵.🤯.🤠.🥳.😎.🤓.🧐.😕.😟.🙁.😮.😯.😲.😳.🥺.😦.😧.😨.😰.😥.😢.😭.😱.😖.😣.😞.😓.😩.😫.🥱.😤.😡.😠.🤬.😈.👿.💀.💩.🤡.👻.👽.🤖.😺.😸.👍.👎.👌.🤌.🤏.✌️.🤞.🤟.🤘.👋.🤚.🖐️.✋.👏.🙌.🤝.🙏.💪.👀.👁️.❤️.🧡.💛.💚.💙.💜.🖤.🤍.💔.💕.💞.💓.💗.💖.💘.💝.💯.✨.⭐.🌟.🔥.💥.💫.⚡.☀️.🌈.🎉.🎊.🎁.🏆.🐶.🐱.🐭.🦊.🐻.🐼.🐨.🦄.🐢.🐳.🍎.🍑.🍓.🍉.🍰.🍺.🍵.☕.🍜.🍙.✅.❌.❓.❗.💤.👑.🎮.🎵.📌.🔖".split("."), De = [
 	"title",
 	"aria-label",
 	"aria-expanded"
-], Te = ["innerHTML"], Ee = { class: "kun-editor__picker-panel" }, De = {
+], Oe = ["innerHTML"], ke = { class: "kun-editor__picker-panel" }, Ae = {
 	key: 0,
 	class: "kun-editor__picker-tabs",
 	role: "tablist"
-}, Oe = ["data-active"], ke = ["data-active"], Ae = { class: "kun-editor__emoji-grid" }, je = ["onClick"], Me = {
+}, je = ["data-active"], Me = ["data-active"], Ne = { class: "kun-editor__emoji-grid" }, Pe = ["onClick"], Fe = {
 	key: 1,
 	class: "kun-editor__sticker-body"
-}, Ne = { class: "kun-editor__pack-name" }, Pe = { class: "kun-editor__sticker-grid" }, Fe = ["title", "onClick"], Ie = ["src", "alt"], Le = {
+}, Ie = { class: "kun-editor__pack-name" }, Le = { class: "kun-editor__sticker-grid" }, Re = ["title", "onClick"], ze = ["src", "alt"], Be = {
 	key: 1,
 	class: "kun-editor__picker-hint"
-}, Re = /* @__PURE__ */ s({
+}, Ve = /* @__PURE__ */ s({
 	__name: "StickerPicker",
 	setup(n) {
-		let [, o] = T(), s = c(J), f = s?.adapters.stickerSource, v = !!f, y = t(() => (s?.locale ?? "zh-cn").toLowerCase().startsWith("en")), x = t(() => y.value ? {
+		let [, o] = O(), s = l(q), c = s?.adapters.stickerSource, u = !!c, m = t(() => (s?.locale ?? "zh-cn").toLowerCase().startsWith("en")), _ = t(() => m.value ? {
 			trigger: "Emoji & stickers",
 			emoji: "Emoji",
 			sticker: "Stickers",
@@ -222,99 +222,99 @@ var J = Symbol("kun-editor-context"), me = [
 			sticker: "贴纸",
 			empty: "暂无贴纸",
 			failed: "贴纸加载失败"
-		}), S = p(!1), C = p(null), w = p("emoji"), E = p([]), D = p(!1), O = p(!1), k = async () => {
-			if (!(D.value || !f)) {
-				D.value = !0;
+		}), x = h(!1), S = h(null), w = h("emoji"), T = h([]), E = h(!1), D = h(!1), k = async () => {
+			if (!(E.value || !c)) {
+				E.value = !0;
 				try {
-					E.value = await f();
+					T.value = await c();
 				} catch {
-					O.value = !0;
+					D.value = !0;
 				}
 			}
 		}, A = () => {
-			S.value = !S.value, S.value && v && k();
-		}, M = (e) => {
-			S.value && C.value && !C.value.contains(e.target) && (S.value = !1);
+			x.value = !x.value, x.value && u && k();
+		}, j = (e) => {
+			x.value && S.value && !S.value.contains(e.target) && (x.value = !1);
 		};
-		u(() => document.addEventListener("click", M)), l(() => document.removeEventListener("click", M));
-		let N = (e) => {
+		f(() => document.addEventListener("click", j)), d(() => document.removeEventListener("click", j));
+		let M = (e) => {
 			o()?.action((t) => {
-				let n = t.get(j), { state: r } = n;
+				let n = t.get(P), { state: r } = n;
 				n.dispatch(r.tr.insertText(e, r.selection.from));
 			});
-		}, P = (e, t) => {
-			o()?.action(L(B.key, {
+		}, N = (e, t) => {
+			o()?.action(R(H.key, {
 				src: e,
 				title: t,
 				alt: t
 			}));
 		};
-		return (t, n) => (d(), i("div", {
+		return (t, n) => (p(), i("div", {
 			ref_key: "rootRef",
-			ref: C,
+			ref: S,
 			class: "kun-editor__picker"
 		}, [a("button", {
 			type: "button",
 			class: "kun-editor__tool",
-			title: x.value.trigger,
-			"aria-label": x.value.trigger,
-			"aria-expanded": S.value,
+			title: _.value.trigger,
+			"aria-label": _.value.trigger,
+			"aria-expanded": x.value,
 			onClick: A
 		}, [a("span", {
 			class: "kun-editor__icon",
-			innerHTML: g(Z).smile
-		}, null, 8, Te)], 8, we), b(a("div", Ee, [
-			v ? (d(), i("div", De, [a("button", {
+			innerHTML: y(X).smile
+		}, null, 8, Oe)], 8, De), C(a("div", ke, [
+			u ? (p(), i("div", Ae, [a("button", {
 				type: "button",
 				class: "kun-editor__picker-tab",
 				"data-active": w.value === "emoji",
 				onClick: n[0] ||= (e) => w.value = "emoji"
-			}, h(x.value.emoji), 9, Oe), a("button", {
+			}, v(_.value.emoji), 9, je), a("button", {
 				type: "button",
 				class: "kun-editor__picker-tab",
 				"data-active": w.value === "sticker",
 				onClick: n[1] ||= (e) => w.value = "sticker"
-			}, h(x.value.sticker), 9, ke)])) : r("", !0),
-			b(a("div", Ae, [(d(!0), i(e, null, m(g(Ce), (e, t) => (d(), i("button", {
+			}, v(_.value.sticker), 9, Me)])) : r("", !0),
+			C(a("div", Ne, [(p(!0), i(e, null, g(y(Z), (e, t) => (p(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__emoji",
-				onClick: (t) => N(e)
-			}, h(e), 9, je))), 128))], 512), [[_, !v || w.value === "emoji"]]),
-			v ? b((d(), i("div", Me, [E.value.length ? (d(!0), i(e, { key: 0 }, m(E.value, (t) => (d(), i("div", {
+				onClick: (t) => M(e)
+			}, v(e), 9, Pe))), 128))], 512), [[b, !u || w.value === "emoji"]]),
+			u ? C((p(), i("div", Fe, [T.value.length ? (p(!0), i(e, { key: 0 }, g(T.value, (t) => (p(), i("div", {
 				key: t.name,
 				class: "kun-editor__pack"
-			}, [a("div", Ne, h(t.name), 1), a("div", Pe, [(d(!0), i(e, null, m(t.stickers, (e, t) => (d(), i("button", {
+			}, [a("div", Ie, v(t.name), 1), a("div", Le, [(p(!0), i(e, null, g(t.stickers, (e, t) => (p(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__sticker",
 				title: e.name,
-				onClick: (t) => P(e.src, e.name)
+				onClick: (t) => N(e.src, e.name)
 			}, [a("img", {
 				src: e.src,
 				alt: e.name,
 				loading: "lazy"
-			}, null, 8, Ie)], 8, Fe))), 128))])]))), 128)) : (d(), i("div", Le, h(O.value ? x.value.failed : x.value.empty), 1))], 512)), [[_, w.value === "sticker"]]) : r("", !0)
-		], 512), [[_, S.value]])], 512));
+			}, null, 8, ze)], 8, Re))), 128))])]))), 128)) : (p(), i("div", Be, v(D.value ? _.value.failed : _.value.empty), 1))], 512)), [[b, w.value === "sticker"]]) : r("", !0)
+		], 512), [[b, x.value]])], 512));
 	}
-}), ze = {
+}), He = {
 	class: "kun-editor__format-toolbar",
 	role: "toolbar"
-}, Be = {
+}, Q = {
 	key: 0,
 	class: "kun-editor__toolbar-divider",
 	"aria-hidden": "true"
-}, Ve = [
+}, Ue = [
 	"title",
 	"aria-label",
 	"onClick"
-], He = ["innerHTML"], Q = ["title", "aria-label"], Ue = ["innerHTML"], We = /* @__PURE__ */ s({
+], We = ["innerHTML"], Ge = ["title", "aria-label"], Ke = ["innerHTML"], qe = /* @__PURE__ */ s({
 	__name: "EditorToolbar",
 	setup(n) {
-		let [, s] = T(), l = c(J), u = t(() => l?.adapters.uploadImage), f = () => l?.adapters.notify, h = t(() => l?.features.sticker !== !1), _ = t(() => (l?.locale ?? "zh-cn").toLowerCase().startsWith("en")), v = (e, t) => {
-			s()?.action(L(e, t));
-		}, y = t(() => {
-			let e = _.value;
+		let [, s] = O(), c = l(q), u = t(() => c?.adapters.uploadImage), d = () => c?.adapters.notify, f = t(() => c?.features.sticker !== !1), m = t(() => (c?.locale ?? "zh-cn").toLowerCase().startsWith("en")), _ = (e, t) => {
+			s()?.action(R(e, t));
+		}, v = t(() => {
+			let e = m.value;
 			return {
 				bold: e ? "Bold" : "加粗",
 				italic: e ? "Italic" : "斜体",
@@ -335,96 +335,96 @@ var J = Symbol("kun-editor-context"), me = [
 		}), b = t(() => [
 			[
 				{
-					svg: Z.bold,
-					title: y.value.bold,
-					run: () => v(U.key)
+					svg: X.bold,
+					title: v.value.bold,
+					run: () => _(ue.key)
 				},
 				{
-					svg: Z.italic,
-					title: y.value.italic,
-					run: () => v(V.key)
+					svg: X.italic,
+					title: v.value.italic,
+					run: () => _(U.key)
 				},
 				{
-					svg: Z.strike,
-					title: y.value.strike,
-					run: () => v(ue.key)
+					svg: X.strike,
+					title: v.value.strike,
+					run: () => _(me.key)
 				},
 				{
-					svg: Z.code,
-					title: y.value.code,
-					run: () => v(H.key)
+					svg: X.code,
+					title: v.value.code,
+					run: () => _(W.key)
 				}
 			],
 			[
 				{
-					svg: Z.h1,
-					title: y.value.h1,
-					run: () => v(K.key, 1)
+					svg: X.h1,
+					title: v.value.h1,
+					run: () => _(G.key, 1)
 				},
 				{
-					svg: Z.h2,
-					title: y.value.h2,
-					run: () => v(K.key, 2)
+					svg: X.h2,
+					title: v.value.h2,
+					run: () => _(G.key, 2)
 				},
 				{
-					svg: Z.h3,
-					title: y.value.h3,
-					run: () => v(K.key, 3)
+					svg: X.h3,
+					title: v.value.h3,
+					run: () => _(G.key, 3)
 				}
 			],
 			[
 				{
-					svg: Z.bulletList,
-					title: y.value.bulletList,
-					run: () => v(G.key)
+					svg: X.bulletList,
+					title: v.value.bulletList,
+					run: () => _(fe.key)
 				},
 				{
-					svg: Z.orderedList,
-					title: y.value.orderedList,
-					run: () => v(le.key)
+					svg: X.orderedList,
+					title: v.value.orderedList,
+					run: () => _(pe.key)
 				},
 				{
-					svg: Z.quote,
-					title: y.value.quote,
-					run: () => v(W.key)
+					svg: X.quote,
+					title: v.value.quote,
+					run: () => _(de.key)
 				},
 				{
-					svg: Z.codeBlock,
-					title: y.value.codeBlock,
-					run: () => v(ce.key, "")
+					svg: X.codeBlock,
+					title: v.value.codeBlock,
+					run: () => _(ce.key, "")
 				},
 				{
-					svg: Z.hr,
-					title: y.value.hr,
-					run: () => v(z.key)
+					svg: X.hr,
+					title: v.value.hr,
+					run: () => _(le.key)
 				}
 			],
 			[{
-				svg: Z.spoiler,
-				title: y.value.spoiler,
-				run: () => v(te.key)
+				svg: X.spoiler,
+				title: v.value.spoiler,
+				run: () => _(re.key)
 			}, {
-				svg: Z.latex,
-				title: y.value.latex,
-				run: () => v(oe.key)
+				svg: X.latex,
+				title: v.value.latex,
+				run: () => _(oe.key)
 			}]
-		]), x = p(null), S = () => x.value?.click(), C = async (e) => {
+		]), x = h(null), S = () => x.value?.click(), C = async (e) => {
 			let t = e.target, n = t.files?.[0];
 			t.value = "";
 			let r = u.value;
 			if (!(!n || !r)) try {
 				let e = await r(n);
-				v(B.key, {
+				_(H.key, {
 					src: e,
 					title: n.name,
 					alt: n.name
 				});
 			} catch {
-				f()?.(_.value ? "Image upload failed" : "图片上传失败", "error");
+				d()?.(m.value ? "Image upload failed" : "图片上传失败", "error");
 			}
 		};
-		return (t, n) => (d(), i("div", ze, [
-			(d(!0), i(e, null, m(b.value, (t, n) => (d(), i(e, { key: n }, [n > 0 ? (d(), i("span", Be)) : r("", !0), (d(!0), i(e, null, m(t, (e, t) => (d(), i("button", {
+		return (t, n) => (p(), i("div", He, [
+			(p(!0), i(e, null, g(b.value, (t, n) => (p(), i(e, { key: n }, [n > 0 ? (p(), i("span", Q)) : r("", !0), (p(!0), i(e, null, g(t, (e, t) => (p(), i("button", {
 				key: t,
 				type: "button",
 				class: "kun-editor__tool",
@@ -434,8 +434,8 @@ var J = Symbol("kun-editor-context"), me = [
 			}, [a("span", {
 				class: "kun-editor__icon",
 				innerHTML: e.svg
-			}, null, 8, He)], 8, Ve))), 128))], 64))), 128)),
-			u.value ? (d(), i(e, { key: 0 }, [
+			}, null, 8, We)], 8, Ue))), 128))], 64))), 128)),
+			u.value ? (p(), i(e, { key: 0 }, [
 				n[0] ||= a("span", {
 					class: "kun-editor__toolbar-divider",
 					"aria-hidden": "true"
@@ -443,13 +443,13 @@ var J = Symbol("kun-editor-context"), me = [
 				a("button", {
 					type: "button",
 					class: "kun-editor__tool",
-					title: y.value.image,
-					"aria-label": y.value.image,
+					title: v.value.image,
+					"aria-label": v.value.image,
 					onClick: S
 				}, [a("span", {
 					class: "kun-editor__icon",
-					innerHTML: g(Z).image
-				}, null, 8, Ue)], 8, Q),
+					innerHTML: y(X).image
+				}, null, 8, Ke)], 8, Ge),
 				a("input", {
 					ref_key: "fileInput",
 					ref: x,
@@ -459,13 +459,47 @@ var J = Symbol("kun-editor-context"), me = [
 					onChange: C
 				}, null, 544)
 			], 64)) : r("", !0),
-			h.value ? (d(), i(e, { key: 1 }, [n[1] ||= a("span", {
+			f.value ? (p(), i(e, { key: 1 }, [n[1] ||= a("span", {
 				class: "kun-editor__toolbar-divider",
 				"aria-hidden": "true"
-			}, null, -1), o(Re)], 64)) : r("", !0)
+			}, null, -1), o(Ve)], 64)) : r("", !0)
 		]));
 	}
-}), Ge = /* @__PURE__ */ s({
+}), Je = /* @__PURE__ */ s({
+	__name: "ToolbarHost",
+	setup(e) {
+		let [, t] = O(), n = l(q, void 0), r = (e, n) => {
+			t()?.action(R(e, n));
+		}, i = () => {
+			t()?.action((e) => e.get(P).focus());
+		}, a = {
+			run: r,
+			insertText: (e) => {
+				t()?.action((t) => {
+					let n = t.get(P);
+					n.dispatch(n.state.tr.insertText(e));
+				}), i();
+			},
+			insertQuote: (e) => {
+				r(V.key, e), i();
+			},
+			insertMention: (e) => {
+				r(B.key, e), i();
+			},
+			focus: i,
+			get adapters() {
+				return n?.adapters ?? {};
+			},
+			get features() {
+				return n?.features ?? {};
+			},
+			get locale() {
+				return n?.locale ?? "zh-cn";
+			}
+		};
+		return (e, t) => _(e.$slots, "default", u(c(a)));
+	}
+}), Ye = /* @__PURE__ */ s({
 	__name: "MarkdownSource",
 	props: {
 		modelValue: {},
@@ -473,41 +507,41 @@ var J = Symbol("kun-editor-context"), me = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, a = p(null), o = null, s = (e) => de.create({
+		let n = e, r = t, a = h(null), o = null, s = (e) => he.create({
 			doc: e,
 			extensions: [
 				ie(),
-				q.lineWrapping,
-				pe,
-				fe(),
-				q.editable.of(!n.readonly),
-				q.updateListener.of((e) => {
+				K.lineWrapping,
+				_e,
+				ge(),
+				K.editable.of(!n.readonly),
+				K.updateListener.of((e) => {
 					e.docChanged && r("update:modelValue", e.state.doc.toString());
 				})
 			]
 		});
-		return u(() => {
-			a.value && (o = new q({
+		return f(() => {
+			a.value && (o = new K({
 				state: s(n.modelValue),
 				parent: a.value
 			}));
-		}), l(() => {
+		}), d(() => {
 			o?.destroy(), o = null;
-		}), v(() => n.modelValue, (e) => {
+		}), x(() => n.modelValue, (e) => {
 			o && o.state.doc.toString() !== e && o.setState(s(e));
-		}), (e, t) => (d(), i("div", {
+		}), (e, t) => (p(), i("div", {
 			ref_key: "host",
 			ref: a,
 			class: "kun-editor__source"
 		}, null, 512));
 	}
-}), Ke = {
+}), Xe = {
 	class: "kun-editor",
 	"data-kun-editor": ""
-}, qe = {
+}, Ze = {
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, Je = ["aria-selected", "data-active"], Ye = ["aria-selected", "data-active"], Xe = { class: "kun-editor__wysiwyg" }, $ = /* @__PURE__ */ s({
+}, Qe = ["aria-selected", "data-active"], $e = ["aria-selected", "data-active"], et = { class: "kun-editor__wysiwyg" }, $ = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -520,76 +554,79 @@ var J = Symbol("kun-editor-context"), me = [
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { expose: s, emit: c }) {
-		let l = e, u = c;
-		f(J, {
+	setup(e, { expose: s, emit: l }) {
+		let d = e, f = l;
+		m(q, {
 			get adapters() {
-				return l.adapters;
+				return d.adapters;
 			},
 			get features() {
-				return l.features;
+				return d.features;
 			},
 			get locale() {
-				return l.locale;
+				return d.locale;
 			}
 		});
-		let m = p("wysiwyg"), v = t(() => l.locale.toLowerCase().startsWith("en")), x = t(() => v.value ? {
+		let g = h("wysiwyg"), x = t(() => d.locale.toLowerCase().startsWith("en")), w = t(() => x.value ? {
 			wysiwyg: "Preview",
 			source: "Markdown"
 		} : {
 			wysiwyg: "预览",
 			source: "Markdown"
-		}), S = (e) => u("update:modelValue", e), w = p(null);
+		}), T = (e) => f("update:modelValue", e), D = h(null);
 		return s({
-			insertQuote: (e) => w.value?.insertQuote(e),
-			insertMention: (e) => w.value?.insertMention(e),
-			focus: () => w.value?.focus()
-		}), (t, s) => (d(), i("div", Ke, [
-			a("div", qe, [a("button", {
+			insertQuote: (e) => D.value?.insertQuote(e),
+			insertMention: (e) => D.value?.insertMention(e),
+			focus: () => D.value?.focus()
+		}), (t, s) => (p(), i("div", Xe, [
+			a("div", Ze, [a("button", {
 				type: "button",
 				class: "kun-editor__tab",
-				"aria-selected": m.value === "wysiwyg",
-				"data-active": m.value === "wysiwyg",
-				onClick: s[0] ||= (e) => m.value = "wysiwyg"
-			}, h(x.value.wysiwyg), 9, Je), a("button", {
+				"aria-selected": g.value === "wysiwyg",
+				"data-active": g.value === "wysiwyg",
+				onClick: s[0] ||= (e) => g.value = "wysiwyg"
+			}, v(w.value.wysiwyg), 9, Qe), a("button", {
 				type: "button",
 				class: "kun-editor__tab",
-				"aria-selected": m.value === "source",
-				"data-active": m.value === "source",
-				onClick: s[1] ||= (e) => m.value = "source"
-			}, h(x.value.source), 9, Ye)]),
-			o(g(C), null, {
-				default: y(() => [o(g(E), null, {
-					default: y(() => [b(o(We, null, null, 512), [[_, m.value === "wysiwyg" && !e.readonly]]), b(a("div", Xe, [o(Se, {
+				"aria-selected": g.value === "source",
+				"data-active": g.value === "source",
+				onClick: s[1] ||= (e) => g.value = "source"
+			}, v(w.value.source), 9, $e)]),
+			o(y(E), null, {
+				default: S(() => [o(y(k), null, {
+					default: S(() => [C(a("div", null, [o(Je, null, {
+						default: S((e) => [_(t.$slots, "toolbar", u(c(e)), () => [o(qe)])]),
+						_: 3
+					})], 512), [[b, g.value === "wysiwyg" && !e.readonly]]), C(a("div", et, [o(Ee, {
 						ref_key: "inner",
-						ref: w,
+						ref: D,
 						"model-value": e.modelValue,
 						adapters: e.adapters,
 						features: e.features,
 						locale: e.locale,
 						readonly: e.readonly,
-						"onUpdate:modelValue": S
+						"onUpdate:modelValue": T
 					}, null, 8, [
 						"model-value",
 						"adapters",
 						"features",
 						"locale",
 						"readonly"
-					])], 512), [[_, m.value === "wysiwyg"]])]),
-					_: 1
+					])], 512), [[b, g.value === "wysiwyg"]])]),
+					_: 3
 				})]),
-				_: 1
+				_: 3
 			}),
-			m.value === "source" ? (d(), n(Ge, {
+			g.value === "source" ? (p(), n(Ye, {
 				key: 0,
 				"model-value": e.modelValue,
 				readonly: e.readonly,
-				"onUpdate:modelValue": S
+				"onUpdate:modelValue": T
 			}, null, 8, ["model-value", "readonly"])) : r("", !0)
 		]));
 	}
-}), Ze = { install(e) {
+}), tt = { install(e) {
 	e.component("KunEditor", $);
 } };
 //#endregion
-export { $ as KunEditor, Ze as KunEditorPlugin };
+export { Z as EMOJI, $ as KunEditor, tt as KunEditorPlugin };

package/dist/types.d.ts

@@ -1,3 +1,29 @@
+import type { CmdKey } from '@milkdown/kit/core';
+import type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale } from '@kungal/editor-core';
+export interface KunEditorToolbarApi {
+    /** Run a Milkdown command (import its key from the preset/commonmark/gfm). */
+    run: <T>(key: CmdKey<T>, payload?: T) => void;
+    /** Insert plain text at the cursor (e.g. an emoji). */
+    insertText: (text: string) => void;
+    /** Insert a reference atom at the cursor (requires the quote feature). */
+    insertQuote: (payload: {
+        refId: string;
+        label: string;
+    }) => void;
+    /** Insert an @mention atom at the cursor. */
+    insertMention: (payload: {
+        userId: number;
+        name: string;
+    }) => void;
+    /** Focus the WYSIWYG editor. */
+    focus: () => void;
+    /** The host policy bundle (uploadImage / stickerSource / notify / …). */
+    readonly adapters: KunEditorAdapters;
+    /** Enabled features — so a toolbar can gate its buttons (e.g. the picker). */
+    readonly features: KunEditorFeatures;
+    /** UI language, for localized labels. */
+    readonly locale: KunEditorLocale;
+}
 export interface KunEditorExpose {
     /**
      * Insert a reference atom at the cursor (`[label](kungal-reply:refId)`), then

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAOA,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":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAM5B,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,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;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-vue",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "KunEditor Vue 3 layer — the <KunEditor> component (dual WYSIWYG / markdown-source), toolbar and plugin views. Consumes @kungal/editor-core; pairs with @kungal/ui-vue.",
   "type": "module",
   "keywords": [
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@prosemirror-adapter/vue": "^0.4.6",
-    "@kungal/editor-core": "0.11.0"
+    "@kungal/editor-core": "0.12.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.11.0"
+    "@kungal/editor-core": "0.12.0"
   },
   "scripts": {
     "build": "vite build && vue-tsc -p tsconfig.build.json",