niuma-ui 2.0.3 → 2.0.9

package/dist/components/markdown/src/RsMarkdown.impl.js

@@ -1,21 +1,36 @@
+import { readResolvedTheme } from "../../../theme/apply.js";
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import RsButton_default from "../../button/src/RsButton.js";
 import RsCodeEditor_default from "../../code-editor/src/RsCodeEditor.js";
-import { renderMarkdown, resolveMarkdownHeight, resolveMarkdownMode } from "./markdown-utils.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
+import { applyMarkdownTabMove, isMarkdownRtl, nearestMarkdownThemeHost, renderMarkdown, resolveMarkdownEditorTheme, resolveMarkdownHeight, resolveMarkdownMode, resolveMarkdownTabMove } from "./markdown-utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onActivated, onDeactivated, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, useId, useModel, watch, withCtx } from "vue";
 //#region src/components/markdown/src/RsMarkdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = { class: "rs-markdown__body" };
-var _hoisted_3 = {
+var _hoisted_1 = [
+	"id",
+	"data-rs-theme",
+	"aria-label",
+	"aria-disabled"
+];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = [
+	"id",
+	"role",
+	"aria-labelledby",
+	"aria-label",
+	"tabindex"
+];
+var _hoisted_4 = {
 	key: 0,
-	class: "rs-markdown__editor"
+	class: "rs-markdown__editor",
+	dir: "ltr"
 };
-var _hoisted_4 = ["innerHTML"];
-var _hoisted_5 = {
+var _hoisted_5 = ["innerHTML"];
+var _hoisted_6 = {
 	key: 1,
 	class: "rs-markdown__empty"
 };
 var RsMarkdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsMarkdown",
 	__name: "RsMarkdown",
 	props: /*@__PURE__*/ mergeModels({
 		readonly: {
@@ -40,7 +55,9 @@ var RsMarkdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		disabled: {
 			type: Boolean,
 			default: false
-		}
+		},
+		ariaLabel: {},
+		id: {}
 	}, {
 		"modelValue": { default: "" },
 		"modelModifiers": {},
@@ -48,15 +65,33 @@ var RsMarkdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 		"modeModifiers": {}
 	}),
 	emits: ["update:modelValue", "update:mode"],
-	setup(__props) {
+	setup(__props, { expose: __expose }) {
 		const model = useModel(__props, "modelValue");
 		const mode = useModel(__props, "mode");
 		const props = __props;
 		const { t } = useRsI18n();
+		const autoId = useId();
+		const rootRef = ref(null);
+		const panelRef = ref(null);
+		const editorRef = ref(null);
+		const previewHtml = ref("");
+		const editorTheme = ref(props.theme === "auto" ? "auto" : props.theme);
+		let previewTimer = null;
+		let unobserveTheme = () => {};
+		let alive = true;
 		const activeMode = computed(() => resolveMarkdownMode(mode.value, props.readonly));
 		const showToggle = computed(() => props.showModeToggle && !props.readonly && !props.disabled);
+		const rootId = computed(() => props.id?.trim() || autoId);
+		const panelDomId = computed(() => `${rootId.value}-panel`);
+		const surfaceTheme = computed(() => props.theme === "auto" ? void 0 : props.theme);
+		const regionLabel = computed(() => props.ariaLabel?.trim() || t("markdown.label"));
 		const rootStyle = computed(() => ({ height: resolveMarkdownHeight(props.height) }));
-		const previewHtml = computed(() => renderMarkdown(model.value, { breaks: props.breaks }));
+		const renderOptions = computed(() => ({
+			breaks: props.breaks,
+			taskDoneLabel: t("markdown.taskDone"),
+			taskOpenLabel: t("markdown.taskOpen"),
+			externalLabel: t("markdown.external")
+		}));
 		const editorPlaceholder = computed(() => props.placeholder ?? t("markdown.placeholder"));
 		const modeItems = computed(() => [
 			{
@@ -72,45 +107,177 @@ var RsMarkdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 				label: t("markdown.split")
 			}
 		]);
+		function tabDomId(value) {
+			return `${rootId.value}-tab-${value}`;
+		}
+		function clearPreviewTimer() {
+			if (previewTimer == null) return;
+			clearTimeout(previewTimer);
+			previewTimer = null;
+		}
+		function stopThemeWatch() {
+			unobserveTheme();
+			unobserveTheme = () => {};
+		}
+		function paintPreview() {
+			if (!alive) return;
+			if (activeMode.value === "edit") {
+				previewHtml.value = "";
+				return;
+			}
+			previewHtml.value = renderMarkdown(model.value, renderOptions.value);
+		}
+		function schedulePreview(immediate) {
+			clearPreviewTimer();
+			if (!alive) return;
+			if (immediate || activeMode.value === "edit") {
+				paintPreview();
+				return;
+			}
+			previewTimer = setTimeout(() => {
+				previewTimer = null;
+				paintPreview();
+			}, 32);
+		}
+		function syncEditorTheme() {
+			stopThemeWatch();
+			if (!alive) return;
+			if (props.theme === "light" || props.theme === "dark") {
+				editorTheme.value = props.theme;
+				return;
+			}
+			const host = nearestMarkdownThemeHost(rootRef.value);
+			if (!host) {
+				editorTheme.value = "auto";
+				return;
+			}
+			const apply = () => {
+				if (!alive || props.theme !== "auto") return;
+				const resolved = readResolvedTheme(host);
+				editorTheme.value = resolveMarkdownEditorTheme("auto", resolved);
+			};
+			apply();
+			if (typeof MutationObserver === "undefined") return;
+			const observer = new MutationObserver(apply);
+			observer.observe(host, {
+				attributes: true,
+				attributeFilter: ["data-rs-theme"]
+			});
+			unobserveTheme = () => observer.disconnect();
+		}
 		function setMode(next) {
 			if (props.readonly || props.disabled) return;
 			mode.value = next;
 		}
+		function onToolbarKeydown(event) {
+			if (props.readonly || props.disabled) return;
+			if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;
+			const move = resolveMarkdownTabMove(event.key, isMarkdownRtl(event.currentTarget));
+			if (move == null) return;
+			event.preventDefault();
+			const next = applyMarkdownTabMove(activeMode.value, move);
+			if (next === activeMode.value) return;
+			setMode(next);
+			nextTick(() => {
+				const id = tabDomId(next);
+				const esc = typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(id) : id;
+				rootRef.value?.querySelector(`#${esc}`)?.focus();
+			});
+		}
+		function focus() {
+			if (props.disabled) return;
+			if (activeMode.value === "preview" || !editorRef.value) {
+				panelRef.value?.focus();
+				return;
+			}
+			editorRef.value.focus();
+		}
+		watch([
+			model,
+			renderOptions,
+			activeMode
+		], (next, prev) => {
+			const modeChanged = !prev || next[2] !== prev[2];
+			const optionsChanged = !prev || next[1] !== prev[1];
+			schedulePreview(!prev || modeChanged || optionsChanged || activeMode.value === "edit");
+		}, { immediate: true });
+		watch(() => props.theme, () => syncEditorTheme());
+		onMounted(syncEditorTheme);
+		onActivated(() => {
+			syncEditorTheme();
+			schedulePreview(true);
+		});
+		onDeactivated(() => {
+			clearPreviewTimer();
+			stopThemeWatch();
+		});
+		onUnmounted(() => {
+			alive = false;
+			clearPreviewTimer();
+			stopThemeWatch();
+		});
+		__expose({ focus });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("section", {
+				id: rootId.value,
+				ref_key: "rootRef",
+				ref: rootRef,
 				class: normalizeClass(["rs-markdown", [`rs-markdown--${activeMode.value}`, {
 					"rs-markdown--rounded": __props.rounded,
 					"rs-markdown--readonly": __props.readonly,
 					"rs-markdown--disabled": __props.disabled,
 					"rs-markdown--with-toggle": showToggle.value
 				}]]),
-				style: normalizeStyle(rootStyle.value)
+				style: normalizeStyle(rootStyle.value),
+				"data-rs-theme": surfaceTheme.value,
+				"aria-label": regionLabel.value,
+				"aria-disabled": __props.disabled || void 0
 			}, [showToggle.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "rs-markdown__toolbar",
 				role: "tablist",
-				"aria-label": unref(t)("markdown.modes")
+				"aria-orientation": "horizontal",
+				"aria-label": unref(t)("markdown.modes"),
+				onKeydown: onToolbarKeydown
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(modeItems.value, (item) => {
 				return openBlock(), createBlock(RsButton_default, {
+					id: tabDomId(item.value),
 					key: item.value,
 					size: "sm",
+					type: "button",
 					variant: activeMode.value === item.value ? "secondary" : "ghost",
 					"aria-selected": activeMode.value === item.value,
+					"aria-controls": panelDomId.value,
+					tabindex: activeMode.value === item.value ? 0 : -1,
 					role: "tab",
 					onClick: ($event) => setMode(item.value)
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 					_: 2
 				}, 1032, [
+					"id",
 					"variant",
 					"aria-selected",
+					"aria-controls",
+					"tabindex",
 					"onClick"
 				]);
-			}), 128))], 8, _hoisted_1)) : createCommentVNode("", true), createElementVNode("div", _hoisted_2, [activeMode.value === "edit" || activeMode.value === "split" ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(RsCodeEditor_default, {
+			}), 128))], 40, _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", {
+				id: panelDomId.value,
+				ref_key: "panelRef",
+				ref: panelRef,
+				class: "rs-markdown__body",
+				role: showToggle.value ? "tabpanel" : activeMode.value === "preview" ? "group" : void 0,
+				"aria-labelledby": showToggle.value ? tabDomId(activeMode.value) : void 0,
+				"aria-label": !showToggle.value && activeMode.value === "preview" ? regionLabel.value : void 0,
+				tabindex: activeMode.value === "preview" ? -1 : void 0
+			}, [activeMode.value === "edit" || activeMode.value === "split" ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(RsCodeEditor_default, {
+				ref_key: "editorRef",
+				ref: editorRef,
 				modelValue: model.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 				language: "markdown",
-				theme: __props.theme,
+				theme: editorTheme.value,
 				placeholder: editorPlaceholder.value,
 				readonly: __props.readonly || __props.disabled,
 				disabled: __props.disabled,
@@ -130,8 +297,9 @@ var RsMarkdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defin
 			}, [previewHtml.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "rs-markdown__prose",
+				dir: "auto",
 				innerHTML: previewHtml.value
-			}, null, 8, _hoisted_4)) : (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(unref(t)("markdown.empty")), 1))], 2)) : createCommentVNode("", true)])], 6);
+			}, null, 8, _hoisted_5)) : (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(unref(t)("markdown.empty")), 1))], 2)) : createCommentVNode("", true)], 8, _hoisted_3)], 14, _hoisted_1);
 		};
 	}
 });

package/dist/components/markdown/src/markdown-utils.d.ts

@@ -1,16 +1,42 @@
+import type { RsCodeEditorTheme } from '../../code-editor/src/code-editor-utils';
 export type RsMarkdownMode = 'edit' | 'preview' | 'split';
 export type RsMarkdownRenderOptions = {
     /** GFM 换行（单个换行转 <br>），默认 true */
     breaks?: boolean;
+    /** 任务列表已完成的读屏文案。未传为英文 completed */
+    taskDoneLabel?: string;
+    /** 任务列表未完成的读屏文案。未传为英文 not completed */
+    taskOpenLabel?: string;
+    /** 新标签页链接的读屏后缀。未传为英文 opens in a new tab */
+    externalLabel?: string;
 };
+export interface RsMarkdownExpose {
+    /** 编辑或分栏时聚焦源码；预览时聚焦预览面。禁用时无操作。 */
+    focus: () => void;
+}
+/** 预览跟手的合并间隔。切模式和首次绘制不走这段等待。 */
+export declare const markdownPreviewDelayMs = 32;
 export declare function escapeHtml(text: string): string;
 export declare function isSafeHref(href: string): boolean;
 export declare function isSafeImageSrc(src: string): boolean;
+export declare function slugMarkdownHeading(text: string, used: Set<string>): string;
 /**
  * 将 Markdown 转为可安全注入的 HTML（必须配合 v-html 使用消毒结果）。
+ * 无 window 时返回空字符串，不抛错。
  */
 export declare function renderMarkdown(source?: string, options?: RsMarkdownRenderOptions): string;
 /** 行内 Markdown（不包 <p>），供对话里夹杂公式的片段使用。 */
 export declare function renderMarkdownInline(source?: string): string;
 export declare function resolveMarkdownHeight(height?: number | string): string;
 export declare function resolveMarkdownMode(mode: RsMarkdownMode | undefined, readonly: boolean): RsMarkdownMode;
+/** 横向标签栏。左右键在 RTL 下对调。不处理的键返回 null。 */
+export declare function resolveMarkdownTabMove(key: string, rtl?: boolean): number | 'start' | 'end' | null;
+export declare function applyMarkdownTabMove(current: RsMarkdownMode, move: number | 'start' | 'end'): RsMarkdownMode;
+export declare function isMarkdownRtl(node: EventTarget | null): boolean;
+/**
+ * 最近的主题岛。documentElement 交给编辑器的 auto，避免再观察一遍。
+ * 组件自己写上 data-rs-theme 时从父级继续找。
+ */
+export declare function nearestMarkdownThemeHost(el: HTMLElement | null): HTMLElement | null;
+/** auto 且落在主题岛里时，把岛的明暗交给编辑器；否则保持 auto 或显式值。 */
+export declare function resolveMarkdownEditorTheme(theme: RsCodeEditorTheme | undefined, nearestIsland: 'light' | 'dark' | null): RsCodeEditorTheme;

package/dist/components/markdown/src/markdown-utils.js

@@ -2,17 +2,36 @@ import { Marked } from "marked";
 import DOMPurify from "dompurify";
 //#region src/components/markdown/src/markdown-utils.ts
 /**
-* Markdown 渲染工具：GFM + 安全链接/图片 + DOMPurify 消毒。
-* 面向表单/说明类场景，不含 AI 流式、公式、图表等业务能力。
+* Markdown 渲染：GFM + 安全链接/图片 + DOMPurify。
+* 面向说明、变更记录和表单。不含公式、图表和流式拼接。
+* renderMarkdown 是同步的，同一调用栈里不要重入。
 */
+var MODES = [
+	"edit",
+	"preview",
+	"split"
+];
+var session = {
+	headings: /* @__PURE__ */ new Set(),
+	taskDone: "completed",
+	taskOpen: "not completed",
+	external: "opens in a new tab"
+};
 function escapeHtml(text) {
 	return text.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll("\"", "&quot;").replaceAll("'", "&#39;");
 }
+function hasControlChar(value) {
+	return /[\u0000-\u001F\u007F]/.test(value);
+}
 function isSafeHref(href) {
 	const value = href.trim();
-	if (!value) return false;
-	if (value.startsWith("#") || value.startsWith("/")) return true;
-	return /^(https?:|mailto:)/i.test(value);
+	if (!value || hasControlChar(value) || value.includes("\\") || value.startsWith("//")) return false;
+	if (value.startsWith("#")) return true;
+	if (/^[a-z][a-z0-9+.-]*:/i.test(value)) return /^(https?:|mailto:|tel:)/i.test(value);
+	return true;
+}
+function opensInNewTab(href) {
+	return /^(https?:|mailto:|tel:)/i.test(href.trim());
 }
 /** 行内代码整段就是 http(s) 地址时，转成可点击链接（模型常用反引号包 URL）。 */
 function isStandaloneHttpUrl(text) {
@@ -25,22 +44,39 @@ function renderSafeLink(href, innerHtml, title) {
 	const url = href.trim();
 	if (!isSafeHref(url)) return innerHtml;
 	const titleAttr = title ? ` title="${escapeHtml(title)}"` : "";
-	return `<a href="${escapeHtml(url)}"${titleAttr} target="_blank" rel="noopener noreferrer">${innerHtml}</a>`;
+	const external = opensInNewTab(url);
+	const target = external ? " target=\"_blank\" rel=\"noopener noreferrer\"" : "";
+	const hint = external ? `<span class="rs-markdown__sr"> ${escapeHtml(session.external)}</span>` : "";
+	return `<a href="${escapeHtml(url)}"${titleAttr}${target}>${innerHtml}${hint}</a>`;
 }
+var SAFE_RASTER_DATA = /^data:image\/(?:png|jpe?g|gif|webp|avif|bmp)(?:[;,])/i;
 function isSafeImageSrc(src) {
 	const value = src.trim();
-	if (!value) return false;
-	if (value.startsWith("data:image/")) return true;
-	return /^(https?:)/i.test(value);
+	if (!value || hasControlChar(value) || value.includes("\\") || value.startsWith("//")) return false;
+	if (/^data:/i.test(value)) return SAFE_RASTER_DATA.test(value);
+	if (/^[a-z][a-z0-9+.-]*:/i.test(value)) return /^https?:/i.test(value);
+	return true;
 }
 function sanitizeLang(lang) {
 	return ((lang ?? "text").trim().split(/\s+/)[0] ?? "text").replace(/[^\w.+#-]/g, "") || "text";
 }
+function slugMarkdownHeading(text, used) {
+	let slug = text.replace(/<[^>]+>/g, "").trim().normalize("NFKC").toLowerCase().replace(/[\s_]+/g, "-").replace(/[^\p{L}\p{N}-]+/gu, "").replace(/-+/g, "-").replace(/^-|-$/g, "");
+	if (!slug) slug = "section";
+	const base = slug;
+	let n = 2;
+	while (used.has(slug)) {
+		slug = `${base}-${n}`;
+		n += 1;
+	}
+	used.add(slug);
+	return slug;
+}
 function renderCodeBlock(text, lang) {
 	const language = sanitizeLang(lang);
 	const code = text.replace(/\n$/, "");
 	return [
-		`<div class="rs-markdown__codeblock" data-rs-md-lang="${escapeHtml(language)}">`,
+		`<div class="rs-markdown__codeblock" dir="ltr" data-rs-md-lang="${escapeHtml(language)}">`,
 		`<div class="rs-markdown__code-head">`,
 		`<span class="rs-markdown__code-lang">${escapeHtml(language)}</span>`,
 		`</div>`,
@@ -54,7 +90,7 @@ function wrapTables(html) {
 	});
 }
 function renderTaskMarker(checked) {
-	return `<span class="rs-markdown__task${checked ? " rs-markdown__task--on" : ""}" aria-hidden="true"></span> `;
+	return `<span class="rs-markdown__task${checked ? " rs-markdown__task--on" : ""}" aria-hidden="true"></span><span class="rs-markdown__sr">${escapeHtml(checked ? session.taskDone : session.taskOpen)}</span> `;
 }
 function createMarked(breaks) {
 	return new Marked({
@@ -67,6 +103,12 @@ function createMarked(breaks) {
 			code({ text, lang }) {
 				return renderCodeBlock(text, lang);
 			},
+			heading(token) {
+				const text = this.parser.parseInline(token.tokens);
+				const id = slugMarkdownHeading(token.text, session.headings);
+				const depth = token.depth;
+				return `<h${depth} id="${escapeHtml(id)}">${text}</h${depth}>`;
+			},
 			link(token) {
 				const text = this.parser.parseInline(token.tokens);
 				return renderSafeLink(token.href ?? "", text, token.title ?? void 0);
@@ -94,19 +136,36 @@ function getMarked(breaks) {
 	markedCache.set(breaks, instance);
 	return instance;
 }
+function beginSession(options) {
+	session = {
+		headings: /* @__PURE__ */ new Set(),
+		taskDone: options?.taskDoneLabel?.trim() || "completed",
+		taskOpen: options?.taskOpenLabel?.trim() || "not completed",
+		external: options?.externalLabel?.trim() || "opens in a new tab"
+	};
+}
+function canSanitizeMarkdown() {
+	return typeof window !== "undefined" && typeof document !== "undefined";
+}
 /**
 * 将 Markdown 转为可安全注入的 HTML（必须配合 v-html 使用消毒结果）。
+* 无 window 时返回空字符串，不抛错。
 */
 function renderMarkdown(source = "", options) {
 	if (!source.trim()) return "";
+	if (!canSanitizeMarkdown()) return "";
+	beginSession(options);
 	return sanitizeMarkdownHtml(wrapTables(getMarked(options?.breaks !== false).parse(source, { async: false })));
 }
 /** 行内 Markdown（不包 <p>），供对话里夹杂公式的片段使用。 */
 function renderMarkdownInline(source = "") {
 	if (!source) return "";
+	if (!canSanitizeMarkdown()) return "";
+	beginSession();
 	return sanitizeMarkdownHtml(getMarked(true).parseInline(source, { async: false }));
 }
 function sanitizeMarkdownHtml(dirty) {
+	if (!dirty || !canSanitizeMarkdown()) return "";
 	return DOMPurify.sanitize(dirty, {
 		USE_PROFILES: { html: true },
 		FORBID_TAGS: [
@@ -125,6 +184,7 @@ function sanitizeMarkdownHtml(dirty) {
 			"decoding",
 			"alt",
 			"src",
+			"dir",
 			"data-rs-md-lang",
 			"align",
 			"start"
@@ -139,5 +199,47 @@ function resolveMarkdownMode(mode, readonly) {
 	if (readonly) return "preview";
 	return mode ?? "edit";
 }
+/** 横向标签栏。左右键在 RTL 下对调。不处理的键返回 null。 */
+function resolveMarkdownTabMove(key, rtl = false) {
+	if (key === "Home") return "start";
+	if (key === "End") return "end";
+	if (key === "ArrowLeft") return rtl ? 1 : -1;
+	if (key === "ArrowRight") return rtl ? -1 : 1;
+	return null;
+}
+function applyMarkdownTabMove(current, move) {
+	if (move === "start") return "edit";
+	if (move === "end") return "split";
+	return MODES[(Math.max(0, MODES.indexOf(current)) + move + MODES.length) % MODES.length];
+}
+function isMarkdownRtl(node) {
+	if (typeof document === "undefined") return false;
+	const host = (node instanceof HTMLElement ? node : null)?.closest("[dir], [data-rs-dir]") ?? document.documentElement;
+	if (!(host instanceof Element)) return false;
+	return (host.getAttribute("dir") || host.getAttribute("data-rs-dir") || "") === "rtl";
+}
+/**
+* 最近的主题岛。documentElement 交给编辑器的 auto，避免再观察一遍。
+* 组件自己写上 data-rs-theme 时从父级继续找。
+*/
+function nearestMarkdownThemeHost(el) {
+	if (!el || typeof document === "undefined") return null;
+	let node = el.parentElement;
+	while (node) {
+		const raw = node.getAttribute("data-rs-theme");
+		if (raw === "light" || raw === "dark" || raw === "system") {
+			if (node === document.documentElement) return null;
+			return node;
+		}
+		node = node.parentElement;
+	}
+	return null;
+}
+/** auto 且落在主题岛里时，把岛的明暗交给编辑器；否则保持 auto 或显式值。 */
+function resolveMarkdownEditorTheme(theme, nearestIsland) {
+	if (theme === "light" || theme === "dark") return theme;
+	if (nearestIsland) return nearestIsland;
+	return "auto";
+}
 //#endregion
-export { escapeHtml, isSafeHref, isSafeImageSrc, renderMarkdown, renderMarkdownInline, resolveMarkdownHeight, resolveMarkdownMode };
+export { applyMarkdownTabMove, escapeHtml, isMarkdownRtl, isSafeHref, isSafeImageSrc, nearestMarkdownThemeHost, renderMarkdown, renderMarkdownInline, resolveMarkdownEditorTheme, resolveMarkdownHeight, resolveMarkdownMode, resolveMarkdownTabMove, slugMarkdownHeading };

package/dist/components/mentions/index.d.ts

@@ -1,2 +1,3 @@
 export { default as RsMentions } from './src/RsMentions.js';
-export type { RsMentionActive, RsMentionCaretBox, RsMentionOption, RsMentionPopupBox, } from './src/mentions-utils';
+export type { RsMentionsExpose, RsMentionsInstance, } from './src/RsMentions.js';
+export type { RsMentionActive, RsMentionCaretBox, RsMentionFilterOption, RsMentionOption, RsMentionOptionInput, RsMentionPopupBox, } from './src/mentions-utils';

package/dist/components/mentions/src/RsMentions.css

@@ -1,19 +1,135 @@
 
-.rs-mentions[data-v-3b6a5d22] {
+.rs-mentions[data-v-c5c1f2dc] {
   position: relative;
+  display: inline-block;
   width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  color-scheme: inherit;
 }
-.rs-mentions__input[data-v-3b6a5d22] {
+.rs-mentions__input[data-v-c5c1f2dc] {
   box-sizing: border-box;
   width: 100%;
   min-height: calc(var(--rs-control-height-md) * 2);
   padding: var(--rs-space-sm) var(--rs-space-md);
   border: 1px solid var(--rs-input-border, var(--rs-border));
-  border-radius: var(--rs-radius-sm);
+  border-radius: var(--rs-select-radius, var(--rs-radius-sm));
   background: var(--rs-input-bg);
   color: var(--rs-text);
   font-family: inherit;
   font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-tight);
   resize: vertical;
   outline: none;
+  box-shadow: var(--rs-input-shadow, none);
+  transition:
+    border-color var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast),
+    background var(--rs-transition-fast);
+}
+.rs-mentions--ssm .rs-mentions__input[data-v-c5c1f2dc] {
+  min-height: calc(var(--rs-control-height-ssm) * 2);
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  font-size: var(--rs-font-size-xs);
+}
+.rs-mentions--sm .rs-mentions__input[data-v-c5c1f2dc] {
+  min-height: calc(var(--rs-control-height-sm) * 2);
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  font-size: var(--rs-font-size-xs);
+}
+.rs-mentions--lg .rs-mentions__input[data-v-c5c1f2dc] {
+  min-height: calc(var(--rs-control-height-lg) * 2);
+  padding: var(--rs-space-md) var(--rs-space-lg);
+  font-size: var(--rs-font-size-base);
+}
+.rs-mentions--clearable .rs-mentions__input[data-v-c5c1f2dc] {
+  padding-inline-end: calc(var(--rs-space-md) + 1.25rem);
+}
+.rs-mentions__input[data-v-c5c1f2dc]::placeholder {
+  color: var(--rs-placeholder);
+}
+.rs-mentions__input[data-v-c5c1f2dc]:hover:not(:disabled):not(:read-only) {
+  border-color: var(--rs-input-border-hover, var(--rs-border));
+}
+.rs-mentions__input[data-v-c5c1f2dc]:focus {
+  border-color: var(--rs-focus-border, var(--rs-primary));
+  background: var(--rs-input-bg);
+  box-shadow:
+    var(--rs-input-shadow, none),
+    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-mentions__input[data-v-c5c1f2dc]:disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+  background: var(--rs-surface-hover);
+  resize: none;
+}
+.rs-mentions__input[data-v-c5c1f2dc]:read-only:not(:disabled) {
+  cursor: default;
+}
+.rs-mentions__clear[data-v-c5c1f2dc] {
+  position: absolute;
+  top: var(--rs-space-sm);
+  inset-inline-end: var(--rs-space-sm);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  padding: 0;
+  border: 0;
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  color: var(--rs-muted);
+  cursor: pointer;
+}
+.rs-mentions__clear[data-v-c5c1f2dc]:hover {
+  color: var(--rs-text);
+  background: var(--rs-item-hover);
+}
+.rs-mentions__list[data-v-c5c1f2dc] {
+  position: fixed;
+  z-index: calc(var(--rs-z-modal) + 2);
+  box-sizing: border-box;
+  min-width: 10rem;
+  max-width: min(24rem, calc(100vw - 1rem));
+  max-height: 12rem;
+  margin: 0;
+  padding: var(--rs-space-xs);
+  overflow: auto;
+  border: 1px solid var(--rs-dialog-border, var(--rs-border));
+  border-radius: var(--rs-radius);
+  background: var(--rs-surface-elevated);
+  box-shadow: var(--rs-shadow-lg);
+  color: var(--rs-text);
+  font: inherit;
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-tight);
+  list-style: none;
+  outline: none;
+  color-scheme: inherit;
+}
+.rs-mentions__item[data-v-c5c1f2dc] {
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  border-radius: var(--rs-radius-sm);
+  color: var(--rs-text);
+  background: transparent;
+  cursor: pointer;
+}
+.rs-mentions__item--active[data-v-c5c1f2dc],
+.rs-mentions__item[data-v-c5c1f2dc]:hover:not(.rs-mentions__item--disabled):not(.rs-mentions__item--empty) {
+  background: var(--rs-item-hover);
+}
+.rs-mentions__item--disabled[data-v-c5c1f2dc],
+.rs-mentions__item--empty[data-v-c5c1f2dc] {
+  color: var(--rs-muted);
+  cursor: default;
+}
+.rs-mentions__item--disabled[data-v-c5c1f2dc] {
+  cursor: not-allowed;
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-mentions__input[data-v-c5c1f2dc] {
+    transition: none;
+}
 }