@kungal/editor-vue 0.22.0 → 0.23.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @kungal/editor-vue
 
+## 0.23.0
+
+### Minor Changes
+
+- 78e637e: `<KunEditor>` gains a `views` prop to control which view modes the switch offers.
+
+  The split view is great on a full editor but heavy in a small reply/comment box —
+  and there was no way to opt out per-editor (all or nothing). Now pass `views`:
+
+  ```vue
+  <!-- edit page: all three (default) -->
+  <KunEditor v-model="md" />
+  <!-- reply / comment: no split -->
+  <KunEditor v-model="md" :views="['wysiwyg', 'source']" />
+  <!-- just WYSIWYG: the switch bar is hidden entirely -->
+  <KunEditor v-model="md" :views="['wysiwyg']" />
+  ```
+
+  - Default `['wysiwyg', 'source', 'split']`. The view switch renders only the
+    offered modes, and disappears when a single mode is offered. If `views` changes
+    to exclude the active mode, it falls back to the first offered.
+  - `KunEditorViewSwitchApi` gains `views`; the default view switch and
+    `<KunEditorViewSwitch>` (editor-nuxt) both render from it.
+
+  Verified in the docs production build: an editor with `:views="['wysiwyg','source']"`
+  shows only 预览/Markdown (no 分栏), while default editors still show all three; 0
+  console errors.
+
+### Patch Changes
+
+- @kungal/editor-core@0.23.0
+
 ## 0.22.0
 
 ### Minor Changes

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

@@ -1,5 +1,6 @@
 import type { KunEditorAdapters, KunEditorFeatures, KunEditorLocale } from '@kungal/editor-core';
 import type { KunEditorExpose } from '../types';
+type ViewMode = 'wysiwyg' | 'source' | 'split';
 type __VLS_Props = {
     /** Bound markdown (v-model). */
     modelValue: string;
@@ -13,13 +14,18 @@ type __VLS_Props = {
     readonly?: boolean;
     /** Placeholder text shown while the editor is empty. */
     placeholder?: string;
+    /**
+     * Which view modes to offer in the switch. Default all three. Drop `'split'`
+     * (or use just `['wysiwyg']`) for compact editors like a reply/comment box —
+     * a single-mode `views` hides the switch bar entirely.
+     */
+    views?: ViewMode[];
     /** Sync scrolling between the split panes. Default `true`; set `false` to
      * disable (or toggle it at runtime via the view-switch API). */
     scrollSync?: boolean;
     /** Show a floating format toolbar on text selection. Default `true`. */
     selectionToolbar?: boolean;
 };
-type ViewMode = 'wysiwyg' | 'source' | 'split';
 declare var __VLS_1: {
     mode: ViewMode;
     setMode: (m: ViewMode) => void;
@@ -30,6 +36,7 @@ declare var __VLS_1: {
         swap: string;
         scrollSync: string;
     };
+    views: ViewMode[];
     swapped: boolean;
     swap: () => void;
     scrollSync: boolean;
@@ -67,6 +74,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, KunEditorEx
     readonly: boolean;
     placeholder: string;
     selectionToolbar: boolean;
+    views: ViewMode[];
     scrollSync: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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":"AAiUA,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;IAClB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;oEACgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAC;AAuCJ,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAyW9C,QAAA,IAAI,OAAO;;iBAvWS,QAAQ;;;;;;;;;;;;CAuWP,EAAE,QAAQ;iEAjb/B,CA1S+C;;;;;;;;;;;;;;;CA2tBiB,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;;;;;cAzaD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;sBAKD,OAAO;gBAFb,OAAO;6EAmatB,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":"AAsUA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EAChB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,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,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB;oEACgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAC;AA6YJ,QAAA,IAAI,OAAO;;iBAjWS,QAAQ;;;;;;;;;;;;;CAiWP,EAAE,QAAQ;iEAtb/B,CA/S+C;;;;;;;;;;;;;;;CAquBiB,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;;;;;cA5aD,iBAAiB;cAEjB,iBAAiB;YAEnB,eAAe;cAEb,OAAO;iBAEJ,MAAM;sBAWD,OAAO;WALlB,QAAQ,EAAE;gBAGL,OAAO;6EAgatB,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/index.js

@@ -6,9 +6,9 @@ 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 ee, insertKunSpoilerCommand as te, insertMentionCommand as G, insertQuoteCommand as K, kunCM as ne, mentionId as re, setHeadingCommand as ie, startImageUpload as q } from "@kungal/editor-core/preset";
-import { TextSelection as ae } from "@milkdown/kit/prose/state";
-import { createCodeBlockCommand as oe, insertHrCommand as se, insertImageCommand as ce, toggleEmphasisCommand as J, toggleInlineCodeCommand as le, toggleStrongCommand as ue, wrapInBlockquoteCommand as de, wrapInBulletListCommand as fe, wrapInOrderedListCommand as pe } from "@milkdown/kit/preset/commonmark";
+import { createKunEditorPlugins as G, insertKunSpoilerCommand as ee, insertMentionCommand as K, insertQuoteCommand as q, kunCM as te, mentionId as ne, setHeadingCommand as re, startImageUpload as J } 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 { EditorState as he } from "@codemirror/state";
 import { EditorView as Y } from "@codemirror/view";
@@ -74,13 +74,13 @@ var X = Symbol("kun-editor-context"), ve = [
 		}, I = (e) => {
 			let t = d.value;
 			if (!t || !O) return;
-			let n = t.state.schema.nodes[re];
+			let n = t.state.schema.nodes[ne];
 			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(ae.create(o.doc, s + 1)), t.dispatch(o.scrollIntoView()), t.focus(), b.hide();
+			o.insertText(" ", s), o.setSelection(ie.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());
@@ -176,7 +176,7 @@ var X = Symbol("kun-editor-context"), ve = [
 				{
 					svg: $.italic,
 					title: e ? "Italic" : "斜体",
-					run: () => v(J.key)
+					run: () => v(ce.key)
 				},
 				{
 					svg: $.strike,
@@ -237,7 +237,7 @@ var X = Symbol("kun-editor-context"), ve = [
 					...e,
 					editable: () => !i.readonly
 				})), l && t.set(c.key, { view: s({ component: Te }) }), d && t.set(u.key, { view: s({ component: Oe }) });
-			}).use(ee(i.adapters, i.features, {
+			}).use(G(i.adapters, i.features, {
 				locale: i.locale,
 				placeholder: i.placeholder
 			}));
@@ -256,10 +256,10 @@ var X = Symbol("kun-editor-context"), ve = [
 		};
 		return t({
 			insertQuote: (e) => {
-				f.get()?.action(U(K.key, e)), p();
+				f.get()?.action(U(q.key, e)), p();
 			},
 			insertMention: (e) => {
-				f.get()?.action(U(G.key, e)), p();
+				f.get()?.action(U(K.key, e)), p();
 			},
 			focus: p
 		}), (e, t) => (m(), n(b(E)));
@@ -314,7 +314,7 @@ var X = Symbol("kun-editor-context"), ve = [
 				n.dispatch(r.tr.insertText(e, r.selection.from));
 			});
 		}, N = (e, t) => {
-			o()?.action(U(ce.key, {
+			o()?.action(U(se.key, {
 				src: e,
 				title: t,
 				alt: t
@@ -416,7 +416,7 @@ var X = Symbol("kun-editor-context"), ve = [
 			}));
 		}), x = (e) => {
 			let t = e.target;
-			p(ie.key, Number(t.value)), t.selectedIndex = 0;
+			p(re.key, Number(t.value)), t.selectedIndex = 0;
 		}, S = t(() => [
 			[
 				{
@@ -427,7 +427,7 @@ var X = Symbol("kun-editor-context"), ve = [
 				{
 					svg: $.italic,
 					title: h.value.italic,
-					run: () => p(J.key)
+					run: () => p(ce.key)
 				},
 				{
 					svg: $.strike,
@@ -459,25 +459,25 @@ var X = Symbol("kun-editor-context"), ve = [
 				{
 					svg: $.codeBlock,
 					title: h.value.codeBlock,
-					run: () => p(oe.key, "")
+					run: () => p(ae.key, "")
 				},
 				{
 					svg: $.hr,
 					title: h.value.hr,
-					run: () => p(se.key)
+					run: () => p(oe.key)
 				}
 			],
 			[{
 				svg: $.spoiler,
 				title: h.value.spoiler,
-				run: () => p(te.key)
+				run: () => p(ee.key)
 			}]
 		]), C = g(null), w = () => C.value?.click(), T = (e) => {
 			let t = e.target, n = t.files?.[0];
 			t.value = "";
 			let r = u.value;
 			!n || !r || s()?.action((e) => {
-				q(e.get(F), n, {
+				J(e.get(F), n, {
 					uploadImage: r,
 					notify: c?.adapters.notify,
 					locale: c?.locale
@@ -555,7 +555,7 @@ var X = Symbol("kun-editor-context"), ve = [
 			uploadImage: (e) => {
 				let r = n?.adapters.uploadImage, i = t();
 				!r || !i || i.action((t) => {
-					q(t.get(F), e, {
+					J(t.get(F), e, {
 						uploadImage: r,
 						notify: n?.adapters.notify,
 						locale: n?.locale
@@ -563,10 +563,10 @@ var X = Symbol("kun-editor-context"), ve = [
 				});
 			},
 			insertQuote: (e) => {
-				r(K.key, e), i();
+				r(q.key, e), i();
 			},
 			insertMention: (e) => {
-				r(G.key, e), i();
+				r(K.key, e), i();
 			},
 			focus: i,
 			get adapters() {
@@ -592,7 +592,7 @@ var X = Symbol("kun-editor-context"), ve = [
 		let n = e, r = t, a = g(null), o = null, s = (e) => he.create({
 			doc: e,
 			extensions: [
-				ne(),
+				te(),
 				Y.lineWrapping,
 				_e,
 				ge(),
@@ -618,13 +618,18 @@ var X = Symbol("kun-editor-context"), ve = [
 		}, null, 512));
 	}
 }), rt = ["data-mode"], it = {
+	key: 0,
 	class: "kun-editor__toolbar",
 	role: "tablist"
-}, at = ["aria-selected", "data-active"], ot = ["aria-selected", "data-active"], st = ["aria-selected", "data-active"], ct = ["title", "aria-label"], lt = [
+}, at = [
+	"aria-selected",
+	"data-active",
+	"onClick"
+], ot = ["title", "aria-label"], st = [
 	"data-active",
 	"title",
 	"aria-pressed"
-], ut = ["data-swap"], dt = { class: "kun-editor__wysiwyg kun-editor__pane" }, ft = /* @__PURE__ */ s({
+], ct = ["data-swap"], lt = { class: "kun-editor__wysiwyg kun-editor__pane" }, ut = /* @__PURE__ */ s({
 	__name: "KunEditor",
 	props: {
 		modelValue: {},
@@ -636,6 +641,11 @@ var X = Symbol("kun-editor-context"), ve = [
 			default: !1
 		},
 		placeholder: { default: "" },
+		views: { default: () => [
+			"wysiwyg",
+			"source",
+			"split"
+		] },
 		scrollSync: {
 			type: Boolean,
 			default: !0
@@ -647,29 +657,33 @@ var X = Symbol("kun-editor-context"), ve = [
 	},
 	emits: ["update:modelValue"],
 	setup(s, { expose: l, emit: p }) {
-		let _ = s, T = p;
+		let T = s, E = p;
 		h(X, {
 			get adapters() {
-				return _.adapters;
+				return T.adapters;
 			},
 			get features() {
-				return _.features;
+				return T.features;
 			},
 			get locale() {
-				return _.locale;
+				return T.locale;
 			}
 		});
-		let E = g("wysiwyg"), O = (e) => {
-			E.value = e;
-		}, k = g(!1), j = () => {
-			k.value = !k.value;
-		}, M = g(_.scrollSync);
-		S(() => _.scrollSync, (e) => {
-			M.value = e;
+		let O = g(T.views.includes("wysiwyg") ? "wysiwyg" : T.views[0] ?? "wysiwyg"), k = (e) => {
+			O.value = e;
+		};
+		S(() => T.views, (e) => {
+			e.includes(O.value) || (O.value = e[0] ?? "wysiwyg");
+		});
+		let j = g(!1), M = () => {
+			j.value = !j.value;
+		}, N = g(T.scrollSync);
+		S(() => T.scrollSync, (e) => {
+			N.value = e;
 		});
-		let N = () => {
-			M.value = !M.value;
-		}, P = t(() => _.locale.toLowerCase().startsWith("en")), F = t(() => P.value ? {
+		let P = () => {
+			N.value = !N.value;
+		}, F = t(() => T.locale.toLowerCase().startsWith("en")), I = t(() => F.value ? {
 			wysiwyg: "Preview",
 			source: "Markdown",
 			split: "Split",
@@ -681,109 +695,94 @@ var X = Symbol("kun-editor-context"), ve = [
 			split: "分栏",
 			swap: "左右互换",
 			scrollSync: "同步滚动"
-		}), I = g(null), L = null, R = null, z = null, B = () => {
-			L?.(), L = null, R = null;
-		}, V = () => {
-			B();
-			let e = I.value;
+		}), L = g(null), R = null, z = null, B = null, V = () => {
+			R?.(), R = null, z = null;
+		}, H = () => {
+			V();
+			let e = L.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 (R && R !== e) return;
-				R = e;
+				if (z && z !== e) return;
+				z = 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), z && clearTimeout(z), z = setTimeout(() => {
-					R = null;
+				t.scrollTop = r * (i > 0 ? i : 0), B && clearTimeout(B), B = setTimeout(() => {
+					z = null;
 				}, 120);
 			}, i = r(t, n), a = r(n, t);
-			t.addEventListener("scroll", i, { passive: !0 }), n.addEventListener("scroll", a, { passive: !0 }), L = () => {
+			t.addEventListener("scroll", i, { passive: !0 }), n.addEventListener("scroll", a, { passive: !0 }), R = () => {
 				t.removeEventListener("scroll", i), n.removeEventListener("scroll", a);
 			};
 		};
-		S([E, M], ([e, t]) => {
-			B(), e === "split" && t && u(V);
-		}), f(B);
-		let H = t(() => _.readonly || E.value === "split"), U = (e) => T("update:modelValue", e), W = g(null);
+		S([O, N], ([e, t]) => {
+			V(), e === "split" && t && u(H);
+		}), f(V);
+		let U = t(() => T.readonly || O.value === "split"), W = (e) => E("update:modelValue", e), G = g(null);
 		return l({
-			insertQuote: (e) => W.value?.insertQuote(e),
-			insertMention: (e) => W.value?.insertMention(e),
-			focus: () => W.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: I,
+			ref: L,
 			class: "kun-editor",
 			"data-kun-editor": "",
-			"data-mode": E.value
+			"data-mode": O.value
 		}, [v(t.$slots, "view-switch", {
-			mode: E.value,
-			setMode: O,
-			labels: F.value,
-			swapped: k.value,
-			swap: j,
-			scrollSync: M.value,
-			toggleScrollSync: N
-		}, () => [a("div", it, [
-			a("button", {
-				type: "button",
-				class: "kun-editor__tab",
-				"aria-selected": E.value === "wysiwyg",
-				"data-active": E.value === "wysiwyg",
-				onClick: l[0] ||= (e) => O("wysiwyg")
-			}, y(F.value.wysiwyg), 9, at),
-			a("button", {
-				type: "button",
-				class: "kun-editor__tab",
-				"aria-selected": E.value === "source",
-				"data-active": E.value === "source",
-				onClick: l[1] ||= (e) => O("source")
-			}, y(F.value.source), 9, ot),
-			a("button", {
-				type: "button",
-				class: "kun-editor__tab",
-				"aria-selected": E.value === "split",
-				"data-active": E.value === "split",
-				onClick: l[2] ||= (e) => O("split")
-			}, y(F.value.split), 9, st),
-			E.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
-				type: "button",
-				class: "kun-editor__tab kun-editor__swap",
-				title: F.value.swap,
-				"aria-label": F.value.swap,
-				onClick: l[3] ||= (e) => j()
-			}, " ⇄ ", 8, ct), a("button", {
-				type: "button",
-				class: "kun-editor__tab",
-				"data-active": M.value,
-				title: F.value.scrollSync,
-				"aria-pressed": M.value,
-				onClick: l[4] ||= (e) => N()
-			}, y(F.value.scrollSync), 9, lt)], 64)) : r("", !0)
-		])]), o(b(D), null, {
+			mode: O.value,
+			setMode: k,
+			labels: I.value,
+			views: s.views,
+			swapped: j.value,
+			swap: M,
+			scrollSync: N.value,
+			toggleScrollSync: P
+		}, () => [s.views.length > 1 ? (m(), i("div", it, [(m(!0), i(e, null, _(s.views, (e) => (m(), i("button", {
+			key: e,
+			type: "button",
+			class: "kun-editor__tab",
+			"aria-selected": O.value === e,
+			"data-active": O.value === e,
+			onClick: (t) => k(e)
+		}, y(I.value[e]), 9, at))), 128)), O.value === "split" ? (m(), i(e, { key: 0 }, [a("button", {
+			type: "button",
+			class: "kun-editor__tab kun-editor__swap",
+			title: I.value.swap,
+			"aria-label": I.value.swap,
+			onClick: l[0] ||= (e) => M()
+		}, " ⇄ ", 8, ot), a("button", {
+			type: "button",
+			class: "kun-editor__tab",
+			"data-active": N.value,
+			title: I.value.scrollSync,
+			"aria-pressed": N.value,
+			onClick: l[1] ||= (e) => P()
+		}, y(I.value.scrollSync), 9, st)], 64)) : r("", !0)])) : r("", !0)]), o(b(D), null, {
 			default: C(() => [o(b(A), null, {
 				default: C(() => [w(a("div", null, [o(tt, null, {
 					default: C((e) => [v(t.$slots, "toolbar", d(c(e)), () => [o(et)])]),
 					_: 3
-				})], 512), [[x, E.value === "wysiwyg" && !s.readonly]]), a("div", {
+				})], 512), [[x, O.value === "wysiwyg" && !s.readonly]]), a("div", {
 					class: "kun-editor__panes",
-					"data-swap": k.value
-				}, [E.value === "source" || E.value === "split" ? (m(), n(nt, {
+					"data-swap": j.value
+				}, [O.value === "source" || O.value === "split" ? (m(), n(nt, {
 					key: 0,
 					class: "kun-editor__pane",
 					"model-value": s.modelValue,
 					readonly: s.readonly,
-					"onUpdate:modelValue": U
-				}, null, 8, ["model-value", "readonly"])) : r("", !0), w(a("div", dt, [o(ke, {
+					"onUpdate:modelValue": W
+				}, null, 8, ["model-value", "readonly"])) : r("", !0), w(a("div", lt, [o(ke, {
 					ref_key: "inner",
-					ref: W,
+					ref: G,
 					"model-value": s.modelValue,
 					adapters: s.adapters,
 					features: s.features,
 					locale: s.locale,
-					readonly: H.value,
+					readonly: U.value,
 					placeholder: s.placeholder,
 					"selection-toolbar": s.selectionToolbar,
-					"onUpdate:modelValue": U
+					"onUpdate:modelValue": W
 				}, null, 8, [
 					"model-value",
 					"adapters",
@@ -792,14 +791,14 @@ var X = Symbol("kun-editor-context"), ve = [
 					"readonly",
 					"placeholder",
 					"selection-toolbar"
-				])], 512), [[x, E.value === "wysiwyg" || E.value === "split"]])], 8, ut)]),
+				])], 512), [[x, O.value === "wysiwyg" || O.value === "split"]])], 8, ct)]),
 				_: 3
 			})]),
 			_: 3
 		})], 8, rt));
 	}
-}), pt = { install(e) {
-	e.component("KunEditor", ft);
+}), dt = { install(e) {
+	e.component("KunEditor", ut);
 } };
 //#endregion
-export { Ae as EMOJI, ft as KunEditor, pt as KunEditorPlugin };
+export { Ae as EMOJI, ut as KunEditor, dt as KunEditorPlugin };

package/dist/types.d.ts

@@ -36,6 +36,8 @@ export interface KunEditorViewSwitchApi {
     mode: 'wysiwyg' | 'source' | 'split';
     /** Switch the active view. */
     setMode: (mode: 'wysiwyg' | 'source' | 'split') => void;
+    /** The view modes offered (from the `views` prop) — render tabs for these. */
+    views: ('wysiwyg' | 'source' | 'split')[];
     /** Localized labels (respects the `locale` prop). */
     labels: {
         wysiwyg: 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;AAMP,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,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":"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;AAMP,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"}

package/package.json

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