niuma-ui 2.0.4 → 2.1.0

package/dist/components/log/src/RsLogRow.d.ts

@@ -0,0 +1,35 @@
+import { type RsNormalizedLogLine } from './log-utils';
+type __VLS_Props = {
+    item: RsNormalizedLogLine;
+    index: number;
+    active: boolean;
+    zebra: boolean;
+    wrap: boolean;
+    fill: boolean;
+    showLineNo: boolean;
+    showTime: boolean;
+    showLevel: boolean;
+    search: string;
+};
+declare var __VLS_1: {
+    item: RsNormalizedLogLine;
+    index: number;
+    levelLabel: string;
+    parts: import("./log-utils").RsLogHighlightPart[];
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};

package/dist/components/log/src/RsLogRow.impl.js

@@ -0,0 +1,91 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import { splitLogHighlight } from "./log-utils.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString } from "vue";
+//#region src/components/log/src/RsLogRow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label", "data-log-index"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-log__no"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "rs-log__time"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "rs-log__level"
+};
+var _hoisted_5 = {
+	key: 3,
+	class: "rs-log__sr-only"
+};
+var _hoisted_6 = { class: "rs-log__text" };
+var _hoisted_7 = {
+	key: 0,
+	class: "rs-log__hit"
+};
+var RsLogRow_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsLogRow",
+	__name: "RsLogRow",
+	props: {
+		item: {},
+		index: {},
+		active: { type: Boolean },
+		zebra: { type: Boolean },
+		wrap: { type: Boolean },
+		fill: { type: Boolean },
+		showLineNo: { type: Boolean },
+		showTime: { type: Boolean },
+		showLevel: { type: Boolean },
+		search: {}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const visible = computed(() => props.item.plain || props.item.text);
+		const parts = computed(() => splitLogHighlight(visible.value, props.search));
+		const levelLabel = computed(() => t(`log.level.${props.item.level}`, props.item.level));
+		const rowLabel = computed(() => {
+			const bits = [levelLabel.value];
+			if (props.showLineNo) bits.push(t("log.lineNo", "Line {n}", { n: props.item.seq }));
+			if (props.item.time) bits.push(props.item.time);
+			bits.push(visible.value);
+			return bits.filter(Boolean).join(", ");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["rs-log__row", [`rs-log__row--${__props.item.level}`, {
+					"rs-log__row--odd": __props.index % 2 === 1,
+					"rs-log__row--zebra": __props.zebra,
+					"rs-log__row--active": __props.active,
+					"rs-log__row--wrap": __props.wrap,
+					"rs-log__row--fill": __props.fill
+				}]]),
+				role: "listitem",
+				"aria-label": rowLabel.value,
+				"data-log-index": __props.index,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("select"))
+			}, [
+				_cache[1] || (_cache[1] = createElementVNode("span", {
+					class: "rs-log__marker",
+					"aria-hidden": "true"
+				}, null, -1)),
+				__props.showLineNo ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.item.seq), 1)) : createCommentVNode("", true),
+				__props.showTime && __props.item.time ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.item.time), 1)) : createCommentVNode("", true),
+				__props.showLevel && __props.item.level !== "plain" ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(levelLabel.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(levelLabel.value), 1)),
+				renderSlot(_ctx.$slots, "default", {
+					item: __props.item,
+					index: __props.index,
+					levelLabel: levelLabel.value,
+					parts: parts.value
+				}, () => [createElementVNode("span", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(parts.value, (part, partIndex) => {
+					return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.hit ? (openBlock(), createElementBlock("mark", _hoisted_7, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+				}), 128))])], true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsLogRow_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/log/src/RsLogRow.js

@@ -0,0 +1,8 @@
+import './RsLogRow.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import RsLogRow_vue_vue_type_script_setup_true_lang_default from "./RsLogRow.impl.js";
+
+//#region src/components/log/src/RsLogRow.vue
+var RsLogRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLogRow_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a8e6725e"]]);
+//#endregion
+export { RsLogRow_default as default };

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

@@ -25,7 +25,10 @@ export type RsLogLineInput = string | RsLogLine;
 /** 渲染用的归一化行。key 稳定，供虚拟列表复用。 */
 export type RsNormalizedLogLine = {
     key: string;
+    /** 源文本，保留 ANSI，供宿主再处理。 */
     text: string;
+    /** 去掉 ANSI 后的可见正文。没有转义时与 text 是同一字符串。 */
+    plain: string;
     level: RsLogLevel;
     time?: string;
     /** 裁剪后的 1-based 序号 */
@@ -61,6 +64,7 @@ export declare function splitLogText(text: string): string[];
  * 行上已有 level / severity 时不会走到这里。
  */
 export declare function inferLogLevel(text: string, options?: InferLogLevelOptions): RsLogLevel;
+export declare function stripLogAnsi(text: string): string;
 /** 能解析的瞬间走 Intl；已是展示串则原样保留。 */
 export declare function formatLogTime(value: string | number | Date | undefined, locale?: string, options?: Intl.DateTimeFormatOptions): string | undefined;
 export type NormalizeLogLinesOptions = {
@@ -83,6 +87,10 @@ export declare function clampLogCount<T>(items: T[], maxLines?: number): T[];
 export declare function filterLogLines(lines: RsNormalizedLogLine[], options?: {
     levels?: readonly RsLogLevel[];
     search?: string;
+    /** 传入后按该 locale 折叠大小写（土耳其 I 与 i 不同）。 */
+    locale?: string;
+    /** 本地化级别名。传入后「错误 / Error」也能命中。 */
+    levelText?: (level: RsLogLevel) => string;
 }): RsNormalizedLogLine[];
 export type RsLogHighlightPart = {
     text: string;

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

@@ -173,6 +173,19 @@ function levelFromBracketTag(text) {
 function escapeRegExp(value) {
 	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
+var MARKER_PATTERNS = /* @__PURE__ */ new Map();
+var MARKER_PATTERN_LIMIT = 64;
+function markerPattern(token) {
+	const cached = MARKER_PATTERNS.get(token);
+	if (cached) return cached;
+	const pattern = new RegExp(`(?<![A-Za-z0-9_])${escapeRegExp(token)}(?![A-Za-z0-9_])`, "i");
+	if (MARKER_PATTERNS.size >= MARKER_PATTERN_LIMIT) {
+		const oldest = MARKER_PATTERNS.keys().next().value;
+		if (oldest !== void 0) MARKER_PATTERNS.delete(oldest);
+	}
+	MARKER_PATTERNS.set(token, pattern);
+	return pattern;
+}
 function markerHits(text, marker) {
 	if (marker instanceof RegExp) {
 		const flags = marker.global ? marker.flags : `${marker.flags}g`;
@@ -182,7 +195,25 @@ function markerHits(text, marker) {
 	}
 	const token = marker.trim();
 	if (!token) return false;
-	return new RegExp(`(?<![A-Za-z0-9_])${escapeRegExp(token)}(?![A-Za-z0-9_])`, "i").test(text);
+	return markerPattern(token).test(text);
+}
+/**
+* CSI / OSC / 单字符转义。与展示、搜索、级别推断共用。
+* 全局正则每次重置 lastIndex，避免跨行漏切。
+*/
+var ANSI_PATTERN = /[\u001B\u009B][[\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\d/#&.:=?%@~_]+)*|[a-zA-Z\d]+(?:;[-a-zA-Z\d/#&.:=?%@~_]*)*)?(?:\u0007|\u001B\\))|(?:\d{1,4}(?:;\d{0,4})*)?[\dA-PR-TZcf-nq-uy=><~])/g;
+function stripLogAnsi(text) {
+	if (!text.includes("\x1B") && !text.includes("›")) return text;
+	ANSI_PATTERN.lastIndex = 0;
+	return text.replace(ANSI_PATTERN, "");
+}
+function foldLogText(value, locale) {
+	if (!locale) return value.toLowerCase();
+	try {
+		return value.toLocaleLowerCase(locale);
+	} catch {
+		return value.toLowerCase();
+	}
 }
 function levelFromMarkers(text, markers) {
 	if (!markers) return void 0;
@@ -208,22 +239,44 @@ var DEFAULT_TIME_FORMAT = {
 	second: "2-digit",
 	hour12: false
 };
+var TIME_FORMATTERS = /* @__PURE__ */ new Map();
+var TIME_FORMATTER_LIMIT = 24;
+function logTimeFormatter(locale, options) {
+	const key = `${locale}\0${JSON.stringify(options)}`;
+	if (TIME_FORMATTERS.has(key)) return TIME_FORMATTERS.get(key) ?? null;
+	let formatter;
+	try {
+		formatter = new Intl.DateTimeFormat(locale, options);
+	} catch {
+		formatter = null;
+	}
+	if (TIME_FORMATTERS.size >= TIME_FORMATTER_LIMIT) {
+		const oldest = TIME_FORMATTERS.keys().next().value;
+		if (oldest !== void 0) TIME_FORMATTERS.delete(oldest);
+	}
+	TIME_FORMATTERS.set(key, formatter);
+	return formatter;
+}
 /** 能解析的瞬间走 Intl；已是展示串则原样保留。 */
 function formatLogTime(value, locale = "en-US", options = DEFAULT_TIME_FORMAT) {
 	if (value == null || value === "") return void 0;
+	const formatter = logTimeFormatter(locale, options);
 	if (value instanceof Date) {
 		if (Number.isNaN(value.getTime())) return void 0;
-		return new Intl.DateTimeFormat(locale, options).format(value);
+		return formatter ? formatter.format(value) : value.toISOString();
 	}
 	if (typeof value === "number" && Number.isFinite(value)) {
 		const date = new Date(value);
 		if (Number.isNaN(date.getTime())) return void 0;
-		return new Intl.DateTimeFormat(locale, options).format(date);
+		return formatter ? formatter.format(date) : date.toISOString();
 	}
 	if (typeof value === "string") {
 		if (looksLikeInstant(value)) {
 			const parsed = Date.parse(value);
-			if (!Number.isNaN(parsed)) return new Intl.DateTimeFormat(locale, options).format(new Date(parsed));
+			if (!Number.isNaN(parsed)) {
+				const date = new Date(parsed);
+				return formatter ? formatter.format(date) : date.toISOString();
+			}
 		}
 		return value;
 	}
@@ -242,14 +295,17 @@ function normalizeLogLines(source, options = {}) {
 	const raw = source == null ? [] : typeof source === "string" ? splitLogText(source) : source;
 	const max = options.maxLines;
 	const sliced = max != null && max > 0 && raw.length > max ? raw.slice(raw.length - max) : raw;
+	const origin = raw.length - sliced.length;
 	const locale = options.locale ?? "en-US";
 	return sliced.map((item, index) => {
 		const text = lineText(item);
-		const level = resolveLineLevel(item, text, options);
+		const plain = stripLogAnsi(text);
+		const level = resolveLineLevel(item, plain, options);
 		const time = typeof item === "string" ? void 0 : formatLogTime(item.time, locale, options.timeFormat);
 		return {
-			key: lineKey(item, index),
+			key: lineKey(item, origin + index),
 			text,
+			plain,
 			level,
 			time,
 			seq: index + 1,
@@ -278,11 +334,16 @@ function clampLogCount(items, maxLines) {
 }
 function filterLogLines(lines, options) {
 	const levels = options?.levels?.filter((level) => isRsLogLevel(level)) ?? [];
-	const query = options?.search?.trim().toLowerCase() ?? "";
+	const query = options?.search?.trim() ?? "";
+	const folded = query ? foldLogText(query, options?.locale) : "";
 	return lines.filter((line) => {
 		if (levels.length > 0 && !levels.includes(line.level)) return false;
-		if (!query) return true;
-		return line.text.toLowerCase().includes(query) || line.level.includes(query);
+		if (!folded) return true;
+		if (foldLogText(line.plain || line.text, options?.locale).includes(folded)) return true;
+		if (line.level.includes(folded)) return true;
+		const levelName = options?.levelText?.(line.level);
+		if (levelName && foldLogText(levelName, options?.locale).includes(folded)) return true;
+		return Boolean(line.time && foldLogText(line.time, options?.locale).includes(folded));
 	});
 }
 /** 按查询切开正文，供搜索高亮。大小写不敏感。 */
@@ -351,4 +412,4 @@ function resolveLogCopyText(options) {
 	};
 }
 //#endregion
-export { RS_LOG_FILTER_LEVELS, RS_LOG_LEVELS, asLogLineInputs, clampLogCount, countDroppedLines, filterLogLines, formatLogTime, inferLogLevel, isRsLogLevel, joinLogLines, normalizeLogLines, otelSeverityOf, parseRsLogLevel, resolveLogCopyText, resolveLogLive, splitLogHighlight, splitLogText, syslogSeverityOf, toLogLineInput };
+export { RS_LOG_FILTER_LEVELS, RS_LOG_LEVELS, asLogLineInputs, clampLogCount, countDroppedLines, filterLogLines, formatLogTime, inferLogLevel, isRsLogLevel, joinLogLines, normalizeLogLines, otelSeverityOf, parseRsLogLevel, resolveLogCopyText, resolveLogLive, splitLogHighlight, splitLogText, stripLogAnsi, syslogSeverityOf, toLogLineInput };

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

@@ -1,3 +1,3 @@
 export { default as RsMarkdown } from './src/RsMarkdown.js';
-export type { RsMarkdownMode, RsMarkdownRenderOptions } from './src/markdown-utils';
+export type { RsMarkdownExpose, RsMarkdownMode, RsMarkdownRenderOptions } from './src/markdown-utils';
 export { escapeHtml, isSafeHref, isSafeImageSrc, renderMarkdown, renderMarkdownInline, resolveMarkdownHeight, resolveMarkdownMode, } from './src/markdown-utils';

package/dist/components/markdown/src/RsMarkdown.css

@@ -1,20 +1,36 @@
 
 .rs-markdown {
+  --rs-markdown-bg: var(--rs-surface);
+  --rs-markdown-fg: var(--rs-text);
+  --rs-markdown-muted: var(--rs-muted);
+  --rs-markdown-border: var(--rs-border);
+  --rs-markdown-accent: var(--rs-primary);
+  --rs-markdown-radius: var(--rs-radius);
+  --rs-markdown-bar-bg: color-mix(in srgb, var(--rs-surface) 88%, var(--rs-muted-bg, var(--rs-border)) 12%);
+  --rs-markdown-code-bg: color-mix(in srgb, var(--rs-muted-bg, var(--rs-border)) 55%, transparent);
+  --rs-markdown-code-frame: color-mix(in srgb, var(--rs-surface) 92%, var(--rs-muted-bg, var(--rs-border)) 8%);
+  --rs-markdown-th-bg: color-mix(in srgb, var(--rs-muted-bg, var(--rs-border)) 40%, transparent);
+  --rs-markdown-measure: 48rem;
+  --rs-markdown-disabled-opacity: 0.65;
   display: flex;
   flex-direction: column;
+  margin: 0;
   min-height: 0;
   min-width: 0;
   box-sizing: border-box;
-  border: 1px solid var(--rs-border);
-  background: var(--rs-surface);
-  color: var(--rs-text);
+  border: 1px solid var(--rs-markdown-border);
+  background: var(--rs-markdown-bg);
+  color: var(--rs-markdown-fg);
   overflow: hidden;
 }
 .rs-markdown--rounded {
-  border-radius: var(--rs-radius);
+  border-radius: var(--rs-markdown-radius);
+}
+.rs-markdown:focus-within {
+  border-color: var(--rs-focus-border, var(--rs-markdown-accent));
 }
 .rs-markdown--disabled {
-  opacity: 0.65;
+  opacity: var(--rs-markdown-disabled-opacity);
   pointer-events: none;
 }
 .rs-markdown__toolbar {
@@ -23,14 +39,15 @@
   gap: var(--rs-space-xs);
   flex: 0 0 auto;
   padding: var(--rs-space-xs) var(--rs-space-sm);
-  border-bottom: 1px solid var(--rs-border);
-  background: color-mix(in srgb, var(--rs-surface) 88%, var(--rs-muted-bg, var(--rs-border)) 12%);
+  border-bottom: 1px solid var(--rs-markdown-border);
+  background: var(--rs-markdown-bar-bg);
 }
 .rs-markdown__body {
   display: flex;
   flex: 1 1 auto;
   min-height: 0;
   min-width: 0;
+  outline: none;
 }
 .rs-markdown--edit .rs-markdown__body,
 .rs-markdown--preview .rs-markdown__body {
@@ -46,12 +63,12 @@
   min-height: 0;
 }
 .rs-markdown--split .rs-markdown__editor {
-  border-inline-end: 1px solid var(--rs-border);
+  border-inline-end: 1px solid var(--rs-markdown-border);
 }
 .rs-markdown__preview {
   overflow: auto;
   padding: var(--rs-space-md) var(--rs-space-lg);
-  background: var(--rs-surface);
+  background: var(--rs-markdown-bg);
 }
 .rs-markdown__preview--empty {
   display: flex;
@@ -60,14 +77,15 @@
 }
 .rs-markdown__empty {
   margin: 0;
-  color: var(--rs-muted);
+  color: var(--rs-markdown-muted);
   font-size: var(--rs-font-size-sm);
 }
 .rs-markdown__prose {
-  max-width: 48rem;
+  position: relative;
+  max-width: var(--rs-markdown-measure);
   font-size: var(--rs-font-size-sm);
   line-height: var(--rs-line-height-normal, 1.65);
-  word-break: break-word;
+  overflow-wrap: anywhere;
 }
 .rs-markdown__prose > :first-child {
   margin-top: 0;
@@ -83,7 +101,7 @@
   font-weight: var(--rs-font-weight-semibold);
   line-height: 1.3;
   letter-spacing: -0.01em;
-  color: var(--rs-text);
+  color: var(--rs-markdown-fg);
 }
 .rs-markdown__prose h1 {
   font-size: 1.5em;
@@ -111,7 +129,7 @@
   margin-top: 0.25em;
 }
 .rs-markdown__prose a {
-  color: var(--rs-primary);
+  color: var(--rs-markdown-accent);
   text-decoration: underline;
   text-underline-offset: 0.15em;
   cursor: pointer;
@@ -128,34 +146,34 @@
 .rs-markdown__prose blockquote {
   padding-block: 0.15em;
   padding-inline: 0.9em 0;
-  border-inline-start: 3px solid var(--rs-border);
-  color: var(--rs-muted);
+  border-inline-start: 3px solid var(--rs-markdown-border);
+  color: var(--rs-markdown-muted);
 }
 .rs-markdown__prose hr {
   margin: 1.25em 0;
   border: 0;
-  border-top: 1px solid var(--rs-border);
+  border-top: 1px solid var(--rs-markdown-border);
 }
 .rs-markdown__prose code {
   padding: 0.1em 0.35em;
-  border-radius: calc(var(--rs-radius) * 0.6);
-  background: color-mix(in srgb, var(--rs-muted-bg, var(--rs-border)) 55%, transparent);
+  border-radius: calc(var(--rs-markdown-radius) * 0.6);
+  background: var(--rs-markdown-code-bg);
   font-family: var(--rs-font-mono);
   font-size: 0.9em;
 }
 .rs-markdown__codeblock {
   overflow: hidden;
-  border: 1px solid var(--rs-border);
-  border-radius: var(--rs-radius);
-  background: color-mix(in srgb, var(--rs-surface) 92%, var(--rs-muted-bg, var(--rs-border)) 8%);
+  border: 1px solid var(--rs-markdown-border);
+  border-radius: var(--rs-markdown-radius);
+  background: var(--rs-markdown-code-frame);
 }
 .rs-markdown__code-head {
   display: flex;
   align-items: center;
   padding: 0.35rem 0.75rem;
-  border-bottom: 1px solid var(--rs-border);
+  border-bottom: 1px solid var(--rs-markdown-border);
   font-size: var(--rs-font-size-xs);
-  color: var(--rs-muted);
+  color: var(--rs-markdown-muted);
 }
 .rs-markdown__pre {
   margin: 0;
@@ -182,17 +200,17 @@
 .rs-markdown__prose th,
 .rs-markdown__prose td {
   padding: 0.45em 0.7em;
-  border: 1px solid var(--rs-border);
+  border: 1px solid var(--rs-markdown-border);
   text-align: start;
 }
 .rs-markdown__prose th {
-  background: color-mix(in srgb, var(--rs-muted-bg, var(--rs-border)) 40%, transparent);
+  background: var(--rs-markdown-th-bg);
   font-weight: var(--rs-font-weight-semibold);
 }
 .rs-markdown__img {
   max-width: 100%;
   height: auto;
-  border-radius: var(--rs-radius);
+  border-radius: var(--rs-markdown-radius);
 }
 .rs-markdown__task {
   display: inline-block;
@@ -200,17 +218,42 @@
   height: 0.9em;
   margin-block: 0 0.05em;
   margin-inline: 0 0.4em;
-  border: 1px solid var(--rs-border);
+  border: 1px solid var(--rs-markdown-border);
   border-radius: 0.15em;
   vertical-align: middle;
-  background: var(--rs-surface);
+  background: var(--rs-markdown-bg);
 }
 .rs-markdown__task--on {
-  background: var(--rs-primary);
-  border-color: var(--rs-primary);
-  box-shadow: inset 0 0 0 0.12em var(--rs-surface);
+  background: var(--rs-markdown-accent);
+  border-color: var(--rs-markdown-accent);
+  box-shadow: inset 0 0 0 0.12em var(--rs-markdown-bg);
 }
 .rs-markdown__prose li:has(> .rs-markdown__task) {
   list-style: none;
   margin-inline-start: -1.15em;
 }
+.rs-markdown__sr {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+@media (max-width: 40rem) {
+.rs-markdown--split .rs-markdown__body {
+    flex-direction: column;
+}
+.rs-markdown--split .rs-markdown__editor {
+    border-inline-end: 0;
+    border-block-end: 1px solid var(--rs-markdown-border);
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-markdown__preview {
+    scroll-behavior: auto;
+}
+}

package/dist/components/markdown/src/RsMarkdown.d.ts

@@ -1,5 +1,5 @@
 import type { RsCodeEditorTheme } from '../../code-editor/src/code-editor-utils';
-import { type RsMarkdownMode } from './markdown-utils';
+import { type RsMarkdownExpose, type RsMarkdownMode } from './markdown-utils';
 type __VLS_Props = {
     /** 只读：强制预览并隐藏模式切换 */
     readonly?: boolean;
@@ -12,13 +12,17 @@ type __VLS_Props = {
     /** GFM 单个换行转 <br>，默认 true */
     breaks?: boolean;
     disabled?: boolean;
+    /** 区域名称。未传走 markdown.label */
+    ariaLabel?: string;
+    /** 根节点 id。未传时自动生成 */
+    id?: string;
 };
 type __VLS_ModelProps = {
     modelValue?: string;
     'mode'?: RsMarkdownMode;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, RsMarkdownExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
     "update:mode": (value: RsMarkdownMode) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{