@deot/docs-markdown 1.1.1 → 1.1.3

package/README.md

@@ -150,6 +150,7 @@ createApp(App).mount('#app');
 支持的 `views` 值为 `runtime` 和 `files`。`viewport` 可为 `auto`、正数宽度或 `[width, height]`。
 `title` 为可选字符串，显示在运行时顶栏左侧；空串或不传不渲染。有标题时会生成锚点 id（可用 `#...` 跳转），规则与 markdown heading 一致；也可用 `id` 显式覆盖。
 `expandable` 为可选：`true` 展开到剩余视口，正数为展开目标高度（px）；未配置时不显示展开控件。
+`previewScroller` 为可选布尔值：开启后在 iframe 内用 `@deot/vc` Scroller 替换原生滚动条；会动态探测 `Scroller`，不存在则回退。
 
 Playground 会在浏览器里编译 Vue SFC 的 `<style lang="scss">` 以及独立 `.scss` / `.sass` 文件。下划线 partial（如 `_variables.scss`）只作为 `@use` 依赖，不会单独注入预览。
 

package/dist/index.cjs

@@ -171,6 +171,11 @@ var validateTitleId = (propsData) => {
 	if (typeof propsData.id === "string") return "";
 	return "id 必须是字符串";
 };
+var validatePreviewScroller = (propsData) => {
+	if (!("previewScroller" in propsData)) return "";
+	if (typeof propsData.previewScroller === "boolean") return "";
+	return "previewScroller 必须是布尔值";
+};
 var parseRuntimeProps = (tokens) => {
 	for (const token of tokens) {
 		const sources = [];
@@ -261,7 +266,7 @@ md.core.ruler.after("markdown-tabs", "runtime-files", (state) => {
 		const placeholder = new state.Token("html_block", "", 0);
 		placeholder.block = true;
 		const propsData = parseRuntimeProps(innerTokens);
-		const propsError = validateRuntimeViews(propsData) || validateRuntimeViewport(propsData) || validatePreviewInset(propsData) || validateExpandable(propsData) || validateTitle(propsData) || validateTitleId(propsData);
+		const propsError = validateRuntimeViews(propsData) || validateRuntimeViewport(propsData) || validatePreviewInset(propsData) || validateExpandable(propsData) || validateTitle(propsData) || validateTitleId(propsData) || validatePreviewScroller(propsData);
 		const propsAttr = renderPlaygroundAttrs(propsData);
 		if (!fences.length) placeholder.content = renderPlaygroundError("至少需要声明一个代码文件");
 		else if (propsError) placeholder.content = renderPlaygroundError(propsError);

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import type { PlaygroundFiles } from '@deot/docs-playground';
 import type { PlaygroundOptions } from '@deot/docs-playground';
 import type { PlaygroundPreviewInset } from '@deot/docs-playground';
 import type { PlaygroundPreviewOptions } from '@deot/docs-playground';
+import type { PlaygroundPreviewScroller } from '@deot/docs-playground';
 import type { PlaygroundView } from '@deot/docs-playground';
 import type { PlaygroundViewport } from '@deot/docs-playground';
 import { PublicProps } from 'vue';
@@ -70,6 +71,7 @@ export declare interface MarkdownPlaygroundConfig {
     options?: PlaygroundOptions;
     previewInset?: PlaygroundPreviewInset;
     expandable?: PlaygroundExpandable;
+    previewScroller?: PlaygroundPreviewScroller;
     previewOptions?: PlaygroundPreviewOptions;
 }
 

package/dist/index.js

@@ -143,6 +143,11 @@ var validateTitleId = (propsData) => {
 	if (typeof propsData.id === "string") return "";
 	return "id 必须是字符串";
 };
+var validatePreviewScroller = (propsData) => {
+	if (!("previewScroller" in propsData)) return "";
+	if (typeof propsData.previewScroller === "boolean") return "";
+	return "previewScroller 必须是布尔值";
+};
 var parseRuntimeProps = (tokens) => {
 	for (const token of tokens) {
 		const sources = [];
@@ -233,7 +238,7 @@ md.core.ruler.after("markdown-tabs", "runtime-files", (state) => {
 		const placeholder = new state.Token("html_block", "", 0);
 		placeholder.block = true;
 		const propsData = parseRuntimeProps(innerTokens);
-		const propsError = validateRuntimeViews(propsData) || validateRuntimeViewport(propsData) || validatePreviewInset(propsData) || validateExpandable(propsData) || validateTitle(propsData) || validateTitleId(propsData);
+		const propsError = validateRuntimeViews(propsData) || validateRuntimeViewport(propsData) || validatePreviewInset(propsData) || validateExpandable(propsData) || validateTitle(propsData) || validateTitleId(propsData) || validatePreviewScroller(propsData);
 		const propsAttr = renderPlaygroundAttrs(propsData);
 		if (!fences.length) placeholder.content = renderPlaygroundError("至少需要声明一个代码文件");
 		else if (propsError) placeholder.content = renderPlaygroundError(propsError);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/docs-markdown",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "main": "dist/index.js",
   "style": "dist/index.style.css",
   "types": "dist/index.d.ts",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@deot/docs-locale": "^1.1.0",
-    "@deot/docs-playground": "^1.1.0",
+    "@deot/docs-playground": "^1.1.2",
     "@deot/docs-theme": "^1.1.0",
     "@deot/helper-dom": "^1.1.5",
     "json5": "^2.2.3",