@deot/docs-playground 1.1.3 → 1.1.4

package/dist/{remote-CKMzn1J3.cjs → remote-BG0E1Ugo.cjs}

@@ -1,18 +1,24 @@
-const require_files = require("./files-D5LNOtjp.cjs");
-const require_script = require("./script-5Xzzx7u5.cjs");
-const require_modules = require("./modules-CInmL-8h.cjs");
+const require_cdn = require("./cdn-BoYKnGD3.cjs");
+const require_files = require("./files-BsAOZiPN.cjs");
+const require_script = require("./script-BiCcpu3G.cjs");
+const require_modules = require("./modules-E6kK6ZJH.cjs");
+let es_module_lexer = require("es-module-lexer");
 let sucrase = require("sucrase");
 //#region packages/playground/src/core/runtime/local/remote.ts
 var HOST_VUE = /* @__PURE__ */ new Set(["vue", "vue/server-renderer"]);
 /**
 * 把 CDN 上的 ESM 先拉完整张依赖图，再在当前页面里执行。
-* 裸导入走同一份 import map。与默认 CDN 不同的 `vue` 地址会远程加载。
+* 裸导入优先走 import map，缺失的 npm 依赖回退到 CDN ESM；import() 按需加载。
 * @param imports 合并后的 import map。
 * @param builtins 宿主 Vue 与 vue-router。
 * @param cdnURL 当前 CDN 根，用来识别默认地址。
+* @param importModule 浏览器原生 ESM 加载器。
 * @returns 按 URL 加载并执行远程模块的加载器。
 */
-var createRemoteLoader = (imports, builtins, cdnURL) => {
+var createRemoteLoader = (imports, builtins, cdnURL, importModule = (url) => import(
+	/* @vite-ignore */
+	url
+)) => {
 	const hostModules = {
 		"vue": builtins.vue,
 		"vue-router": builtins.vueRouter
@@ -21,6 +27,19 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 	const texts = /* @__PURE__ */ new Map();
 	const evaluated = /* @__PURE__ */ new Map();
 	const crawled = /* @__PURE__ */ new Set();
+	const nativeModules = /* @__PURE__ */ new Map();
+	const loadNative = (url) => {
+		let pending = nativeModules.get(url);
+		if (!pending) {
+			pending = importModule(url).then((module) => {
+				const exports = require_modules.toHostModule(module);
+				evaluated.set(url, exports);
+				return exports;
+			});
+			nativeModules.set(url, pending);
+		}
+		return pending;
+	};
 	const localBuiltinId = (id) => {
 		if (imports[id] && !require_modules.prefersLocalBuiltin(id, imports, cdnURL)) return null;
 		if (require_modules.prefersLocalBuiltin(id, imports, cdnURL)) return id;
@@ -34,7 +53,7 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 		}
 	};
 	const dependencyUrl = (from, specifier) => {
-		if (require_files.isRelativeSpecifier(specifier)) return new URL(specifier, from).href;
+		if (require_files.isRelativeSpecifier(specifier) || /^https?:\/\//.test(specifier)) return new URL(specifier, from).href;
 		if (imports[specifier] && !require_modules.prefersLocalBuiltin(specifier, imports, cdnURL)) return imports[specifier];
 		if (HOST_VUE.has(specifier) && require_modules.prefersLocalBuiltin(specifier, imports, cdnURL)) return null;
 		let cursor = specifier;
@@ -48,19 +67,29 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 			cursor = cursor.slice(0, slash);
 		}
 		const target = imports[specifier] ? specifier : require_modules.resolveImportTarget(specifier, imports);
-		if (!target || !imports[target]) return null;
+		if (!target) {
+			imports[specifier] = require_cdn.resolveNpmImport(specifier);
+			return imports[specifier];
+		}
 		return imports[target];
 	};
 	const crawl = async (url) => {
+		if (/\/\+esm(?:[?#]|$)/.test(url)) {
+			await loadNative(url);
+			return;
+		}
 		if (crawled.has(url)) return;
 		crawled.add(url);
 		const response = await fetch(url);
 		if (!response.ok) throw new Error(`${response.status} ${url}`);
 		const text = await response.text();
-		texts.set(url, text);
-		const source = text.replace(/\/\*[\s\S]*?\*\//g, "");
-		await Promise.all(require_files.listImportSpecifiers(source).map(async (specifier) => {
-			const next = dependencyUrl(url, specifier);
+		await es_module_lexer.init;
+		const [specifiers] = (0, es_module_lexer.parse)(text);
+		let source = text;
+		for (const item of [...specifiers].reverse()) if (item.d >= 0) source = source.slice(0, item.ss) + "__import" + source.slice(item.ss + 6);
+		texts.set(url, source);
+		await Promise.all(specifiers.filter((item) => item.d === -1).map(async (item) => {
+			const next = dependencyUrl(url, item.n);
 			if (next) await crawl(next);
 		}));
 	};
@@ -68,7 +97,7 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 		if (HOST_VUE.has(id) && require_modules.prefersLocalBuiltin(id, imports, cdnURL)) return require_modules.toHostModule(builtins.vue);
 		const builtinId = localBuiltinId(id);
 		if (builtinId) return require_modules.toHostModule(hostModules[builtinId]);
-		if (require_files.isRelativeSpecifier(id)) return evaluate(new URL(id, from).href);
+		if (require_files.isRelativeSpecifier(id) || /^https?:\/\//.test(id)) return evaluate(new URL(id, from).href);
 		const target = imports[id] ? id : require_modules.resolveImportTarget(id, imports);
 		if (!target || !imports[target]) throw new Error(`[Playground] 未注册的模块 "${id}"`);
 		const loaded = evaluate(imports[target]);
@@ -84,23 +113,40 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 		if (text == null) throw new Error(`[Playground] 远程模块尚未下载: ${url}`);
 		const cjs = (0, sucrase.transform)(require_script.rewriteImportMeta(text, url), {
 			transforms: ["imports"],
+			disableESTransforms: true,
 			production: true,
 			filePath: url
 		}).code;
 		const module = { exports: {} };
 		evaluated.set(url, module.exports);
-		new Function("require", "module", "exports", cjs)(requireFrom(url), module, module.exports);
+		new Function("require", "module", "exports", "__import", cjs)(requireFrom(url), module, module.exports, async (id) => {
+			const next = dependencyUrl(url, id);
+			if (next) await load(next);
+			else {
+				const builtinId = localBuiltinId(id);
+				if (builtinId && !(builtinId in hostModules)) hostModules[builtinId] = await require_modules.ensureLocalBuiltin(builtinId);
+			}
+			return requireFrom(url)(id);
+		});
 		evaluated.set(url, module.exports);
 		return module.exports;
 	};
-	return { load: async (url) => {
-		await crawl(url);
-		await Promise.all([...pendingBuiltins].map(async (id) => {
-			if (id === "vue" || id === "vue-router") return;
-			hostModules[id] = await require_modules.ensureLocalBuiltin(id);
-		}));
-		return evaluate(url);
-	} };
+	const loading = /* @__PURE__ */ new Map();
+	const load = (url) => {
+		const pending = loading.get(url);
+		if (pending) return pending;
+		const task = (async () => {
+			await crawl(url);
+			await Promise.all([...pendingBuiltins].map(async (id) => {
+				if (id === "vue" || id === "vue-router") return;
+				hostModules[id] = await require_modules.ensureLocalBuiltin(id);
+			}));
+			return evaluate(url);
+		})();
+		loading.set(url, task);
+		return task;
+	};
+	return { load };
 };
 //#endregion
 exports.createRemoteLoader = createRemoteLoader;

package/dist/{remote-DfXAsO9n.js → remote-mq4zvrI1.js}

@@ -1,18 +1,24 @@
-import { isRelativeSpecifier, listImportSpecifiers } from "./files-C5UMzYxA.js";
-import { t as rewriteImportMeta } from "./script-xKUjE8pf.js";
-import { n as localBuiltinIds, prefersLocalBuiltin, resolveHostModule, resolveImportTarget, t as ensureLocalBuiltin, toHostModule } from "./modules-DlLJF_vd.js";
+import { l as isRelativeSpecifier } from "./files-BqucFldk.js";
+import { a as resolveNpmImport } from "./cdn-DQoETju_.js";
+import { t as rewriteImportMeta } from "./script-DjUf9uWK.js";
+import { n as localBuiltinIds, prefersLocalBuiltin, resolveHostModule, resolveImportTarget, t as ensureLocalBuiltin, toHostModule } from "./modules-BGzPcoRR.js";
+import { init, parse } from "es-module-lexer";
 import { transform } from "sucrase";
 //#region packages/playground/src/core/runtime/local/remote.ts
 var HOST_VUE = /* @__PURE__ */ new Set(["vue", "vue/server-renderer"]);
 /**
 * 把 CDN 上的 ESM 先拉完整张依赖图，再在当前页面里执行。
-* 裸导入走同一份 import map。与默认 CDN 不同的 `vue` 地址会远程加载。
+* 裸导入优先走 import map，缺失的 npm 依赖回退到 CDN ESM；import() 按需加载。
 * @param imports 合并后的 import map。
 * @param builtins 宿主 Vue 与 vue-router。
 * @param cdnURL 当前 CDN 根，用来识别默认地址。
+* @param importModule 浏览器原生 ESM 加载器。
 * @returns 按 URL 加载并执行远程模块的加载器。
 */
-var createRemoteLoader = (imports, builtins, cdnURL) => {
+var createRemoteLoader = (imports, builtins, cdnURL, importModule = (url) => import(
+	/* @vite-ignore */
+	url
+)) => {
 	const hostModules = {
 		"vue": builtins.vue,
 		"vue-router": builtins.vueRouter
@@ -21,6 +27,19 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 	const texts = /* @__PURE__ */ new Map();
 	const evaluated = /* @__PURE__ */ new Map();
 	const crawled = /* @__PURE__ */ new Set();
+	const nativeModules = /* @__PURE__ */ new Map();
+	const loadNative = (url) => {
+		let pending = nativeModules.get(url);
+		if (!pending) {
+			pending = importModule(url).then((module) => {
+				const exports = toHostModule(module);
+				evaluated.set(url, exports);
+				return exports;
+			});
+			nativeModules.set(url, pending);
+		}
+		return pending;
+	};
 	const localBuiltinId = (id) => {
 		if (imports[id] && !prefersLocalBuiltin(id, imports, cdnURL)) return null;
 		if (prefersLocalBuiltin(id, imports, cdnURL)) return id;
@@ -34,7 +53,7 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 		}
 	};
 	const dependencyUrl = (from, specifier) => {
-		if (isRelativeSpecifier(specifier)) return new URL(specifier, from).href;
+		if (isRelativeSpecifier(specifier) || /^https?:\/\//.test(specifier)) return new URL(specifier, from).href;
 		if (imports[specifier] && !prefersLocalBuiltin(specifier, imports, cdnURL)) return imports[specifier];
 		if (HOST_VUE.has(specifier) && prefersLocalBuiltin(specifier, imports, cdnURL)) return null;
 		let cursor = specifier;
@@ -48,19 +67,29 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 			cursor = cursor.slice(0, slash);
 		}
 		const target = imports[specifier] ? specifier : resolveImportTarget(specifier, imports);
-		if (!target || !imports[target]) return null;
+		if (!target) {
+			imports[specifier] = resolveNpmImport(specifier);
+			return imports[specifier];
+		}
 		return imports[target];
 	};
 	const crawl = async (url) => {
+		if (/\/\+esm(?:[?#]|$)/.test(url)) {
+			await loadNative(url);
+			return;
+		}
 		if (crawled.has(url)) return;
 		crawled.add(url);
 		const response = await fetch(url);
 		if (!response.ok) throw new Error(`${response.status} ${url}`);
 		const text = await response.text();
-		texts.set(url, text);
-		const source = text.replace(/\/\*[\s\S]*?\*\//g, "");
-		await Promise.all(listImportSpecifiers(source).map(async (specifier) => {
-			const next = dependencyUrl(url, specifier);
+		await init;
+		const [specifiers] = parse(text);
+		let source = text;
+		for (const item of [...specifiers].reverse()) if (item.d >= 0) source = source.slice(0, item.ss) + "__import" + source.slice(item.ss + 6);
+		texts.set(url, source);
+		await Promise.all(specifiers.filter((item) => item.d === -1).map(async (item) => {
+			const next = dependencyUrl(url, item.n);
 			if (next) await crawl(next);
 		}));
 	};
@@ -68,7 +97,7 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 		if (HOST_VUE.has(id) && prefersLocalBuiltin(id, imports, cdnURL)) return toHostModule(builtins.vue);
 		const builtinId = localBuiltinId(id);
 		if (builtinId) return toHostModule(hostModules[builtinId]);
-		if (isRelativeSpecifier(id)) return evaluate(new URL(id, from).href);
+		if (isRelativeSpecifier(id) || /^https?:\/\//.test(id)) return evaluate(new URL(id, from).href);
 		const target = imports[id] ? id : resolveImportTarget(id, imports);
 		if (!target || !imports[target]) throw new Error(`[Playground] 未注册的模块 "${id}"`);
 		const loaded = evaluate(imports[target]);
@@ -84,23 +113,40 @@ var createRemoteLoader = (imports, builtins, cdnURL) => {
 		if (text == null) throw new Error(`[Playground] 远程模块尚未下载: ${url}`);
 		const cjs = transform(rewriteImportMeta(text, url), {
 			transforms: ["imports"],
+			disableESTransforms: true,
 			production: true,
 			filePath: url
 		}).code;
 		const module = { exports: {} };
 		evaluated.set(url, module.exports);
-		new Function("require", "module", "exports", cjs)(requireFrom(url), module, module.exports);
+		new Function("require", "module", "exports", "__import", cjs)(requireFrom(url), module, module.exports, async (id) => {
+			const next = dependencyUrl(url, id);
+			if (next) await load(next);
+			else {
+				const builtinId = localBuiltinId(id);
+				if (builtinId && !(builtinId in hostModules)) hostModules[builtinId] = await ensureLocalBuiltin(builtinId);
+			}
+			return requireFrom(url)(id);
+		});
 		evaluated.set(url, module.exports);
 		return module.exports;
 	};
-	return { load: async (url) => {
-		await crawl(url);
-		await Promise.all([...pendingBuiltins].map(async (id) => {
-			if (id === "vue" || id === "vue-router") return;
-			hostModules[id] = await ensureLocalBuiltin(id);
-		}));
-		return evaluate(url);
-	} };
+	const loading = /* @__PURE__ */ new Map();
+	const load = (url) => {
+		const pending = loading.get(url);
+		if (pending) return pending;
+		const task = (async () => {
+			await crawl(url);
+			await Promise.all([...pendingBuiltins].map(async (id) => {
+				if (id === "vue" || id === "vue-router") return;
+				hostModules[id] = await ensureLocalBuiltin(id);
+			}));
+			return evaluate(url);
+		})();
+		loading.set(url, task);
+		return task;
+	};
+	return { load };
 };
 //#endregion
 export { createRemoteLoader };

package/dist/script-BiCcpu3G.cjs

@@ -0,0 +1,111 @@
+const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.cjs");
+let sucrase = require("sucrase");
+let _vue_compiler_sfc_dist_compiler_sfc_esm_browser_js = require("@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js");
+_vue_compiler_sfc_dist_compiler_sfc_esm_browser_js = require_rolldown_runtime.__toESM(_vue_compiler_sfc_dist_compiler_sfc_esm_browser_js);
+//#region packages/playground/src/core/runtime/local/compile/script.ts
+var { babelParse, walkIdentifiers, MagicString } = _vue_compiler_sfc_dist_compiler_sfc_esm_browser_js;
+var rewriteJsxAttributes = (code) => {
+	const replacements = [];
+	for (const match of code.matchAll(/\b([\w-]+:[\w-]+)\s*=\s*\{/g)) {
+		let depth = 1;
+		let quote = "";
+		const start = match.index + match[0].length;
+		let end = start;
+		for (; end < code.length; end += 1) {
+			const character = code[end];
+			if (quote) {
+				if (character === "\\") end += 1;
+				else if (character === quote) quote = "";
+			} else if ("\"'`".includes(character)) quote = character;
+			else if (character === "{") depth += 1;
+			else if (character === "}" && --depth === 0) break;
+		}
+		replacements.push({
+			start: match.index,
+			end: end + 1,
+			text: `{...{${JSON.stringify(match[1])}: ${code.slice(start, end)}}}`
+		});
+	}
+	for (const item of replacements.reverse()) code = code.slice(0, item.start) + item.text + code.slice(item.end);
+	return code;
+};
+var removeImportedTypeExports = (code) => {
+	const types = /* @__PURE__ */ new Set();
+	for (const match of code.matchAll(/\bimport\s+type\s*\{([^}]+)\}\s*from\s*['"][^'"]+['"]/g)) for (const item of match[1].split(",")) types.add(item.trim().split(/\s+as\s+/).pop());
+	return code.replace(/\bexport\s*\{([^}]+)\}(?!\s*from)/g, (_statement, names) => `export {${names.split(",").filter((item) => !types.has(item.trim().split(/\s+as\s+/)[0])).join(",")}}`);
+};
+/**
+* files 里的 `import.meta.env` 没有 Vite 注入，接到开发态占位对象上。
+* @param code 源码文本。
+* @param filename 当前虚拟文件名。
+* @returns 替换 `import.meta` 之后的源码。
+*/
+var rewriteImportMeta = (code, filename) => {
+	if (!code.includes("process") && !code.includes("import.meta")) return code;
+	const source = new MagicString(code);
+	let hasMeta = false;
+	walkIdentifiers(babelParse(code, { sourceType: "module" }), (id, parent, parents) => {
+		if (id.name === "import" && parent?.type === "MetaProperty") {
+			source.overwrite(parent.start, parent.end, "import_meta");
+			hasMeta = true;
+		}
+		const outer = parents[parents.length - 2];
+		if (id.name === "process" && parent?.type === "MemberExpression" && parent.object === id && !parent.computed && parent.property.type === "Identifier" && parent.property.name === "env" && outer?.type === "MemberExpression" && outer.object === parent && !outer.computed && outer.property.type === "Identifier" && outer.property.name === "NODE_ENV") source.overwrite(outer.start, outer.end, JSON.stringify("development"));
+	}, true);
+	if (!hasMeta) return source.toString();
+	const meta = {
+		url: `playground://${filename}`,
+		env: {
+			MODE: "development",
+			DEV: true,
+			PROD: false,
+			SSR: false
+		}
+	};
+	return `var import_meta = ${JSON.stringify(meta)};\n${source}`;
+};
+/**
+* 将 TS / ESM 转成可被 `new Function('require','module','exports', code)` 执行的 CJS。
+* @param code 源码文本。
+* @param filename 当前虚拟文件名，用来判断是否按 TypeScript 转换。
+* @param options 转换选项。
+* @param options.typescript 是否启用 TypeScript 转换。
+* @param options.jsx 是否转换 Vue JSX。
+* @param options.esm 是否保留 ESM 导入导出供 iframe 使用。
+* @returns 可执行的 CJS 文本。
+*/
+var transformScript = (code, filename, options = {}) => {
+	const transforms = options.esm ? [] : ["imports"];
+	const wantTs = options.typescript === true || options.typescript !== false && (filename.endsWith(".ts") || filename.endsWith(".tsx"));
+	if (wantTs) transforms.unshift("typescript");
+	if (options.jsx) transforms.unshift("jsx");
+	try {
+		const script = wantTs ? removeImportedTypeExports(code) : code;
+		const source = options.jsx ? `import { h as __docs_h, Fragment as __docs_Fragment } from 'vue';\n${rewriteJsxAttributes(script)}` : script;
+		return `${rewriteImportMeta((0, sucrase.transform)(source, {
+			transforms,
+			disableESTransforms: true,
+			production: true,
+			jsxRuntime: "classic",
+			jsxPragma: "__docs_h",
+			jsxFragmentPragma: "__docs_Fragment",
+			filePath: filename
+		}).code, filename)}\n//# sourceURL=playground://${filename}`;
+	} catch (error) {
+		const message = error instanceof Error ? error.message : String(error);
+		throw new Error(`[Playground] 脚本转换失败 ${filename}: ${message}`, { cause: error });
+	}
+};
+//#endregion
+Object.defineProperty(exports, "rewriteImportMeta", {
+	enumerable: true,
+	get: function() {
+		return rewriteImportMeta;
+	}
+});
+Object.defineProperty(exports, "transformScript", {
+	enumerable: true,
+	get: function() {
+		return transformScript;
+	}
+});

package/dist/script-DjUf9uWK.js

@@ -0,0 +1,98 @@
+import { transform } from "sucrase";
+import * as VueCompiler from "@vue/compiler-sfc/dist/compiler-sfc.esm-browser.js";
+//#region packages/playground/src/core/runtime/local/compile/script.ts
+var { babelParse, walkIdentifiers, MagicString } = VueCompiler;
+var rewriteJsxAttributes = (code) => {
+	const replacements = [];
+	for (const match of code.matchAll(/\b([\w-]+:[\w-]+)\s*=\s*\{/g)) {
+		let depth = 1;
+		let quote = "";
+		const start = match.index + match[0].length;
+		let end = start;
+		for (; end < code.length; end += 1) {
+			const character = code[end];
+			if (quote) {
+				if (character === "\\") end += 1;
+				else if (character === quote) quote = "";
+			} else if ("\"'`".includes(character)) quote = character;
+			else if (character === "{") depth += 1;
+			else if (character === "}" && --depth === 0) break;
+		}
+		replacements.push({
+			start: match.index,
+			end: end + 1,
+			text: `{...{${JSON.stringify(match[1])}: ${code.slice(start, end)}}}`
+		});
+	}
+	for (const item of replacements.reverse()) code = code.slice(0, item.start) + item.text + code.slice(item.end);
+	return code;
+};
+var removeImportedTypeExports = (code) => {
+	const types = /* @__PURE__ */ new Set();
+	for (const match of code.matchAll(/\bimport\s+type\s*\{([^}]+)\}\s*from\s*['"][^'"]+['"]/g)) for (const item of match[1].split(",")) types.add(item.trim().split(/\s+as\s+/).pop());
+	return code.replace(/\bexport\s*\{([^}]+)\}(?!\s*from)/g, (_statement, names) => `export {${names.split(",").filter((item) => !types.has(item.trim().split(/\s+as\s+/)[0])).join(",")}}`);
+};
+/**
+* files 里的 `import.meta.env` 没有 Vite 注入，接到开发态占位对象上。
+* @param code 源码文本。
+* @param filename 当前虚拟文件名。
+* @returns 替换 `import.meta` 之后的源码。
+*/
+var rewriteImportMeta = (code, filename) => {
+	if (!code.includes("process") && !code.includes("import.meta")) return code;
+	const source = new MagicString(code);
+	let hasMeta = false;
+	walkIdentifiers(babelParse(code, { sourceType: "module" }), (id, parent, parents) => {
+		if (id.name === "import" && parent?.type === "MetaProperty") {
+			source.overwrite(parent.start, parent.end, "import_meta");
+			hasMeta = true;
+		}
+		const outer = parents[parents.length - 2];
+		if (id.name === "process" && parent?.type === "MemberExpression" && parent.object === id && !parent.computed && parent.property.type === "Identifier" && parent.property.name === "env" && outer?.type === "MemberExpression" && outer.object === parent && !outer.computed && outer.property.type === "Identifier" && outer.property.name === "NODE_ENV") source.overwrite(outer.start, outer.end, JSON.stringify("development"));
+	}, true);
+	if (!hasMeta) return source.toString();
+	const meta = {
+		url: `playground://${filename}`,
+		env: {
+			MODE: "development",
+			DEV: true,
+			PROD: false,
+			SSR: false
+		}
+	};
+	return `var import_meta = ${JSON.stringify(meta)};\n${source}`;
+};
+/**
+* 将 TS / ESM 转成可被 `new Function('require','module','exports', code)` 执行的 CJS。
+* @param code 源码文本。
+* @param filename 当前虚拟文件名，用来判断是否按 TypeScript 转换。
+* @param options 转换选项。
+* @param options.typescript 是否启用 TypeScript 转换。
+* @param options.jsx 是否转换 Vue JSX。
+* @param options.esm 是否保留 ESM 导入导出供 iframe 使用。
+* @returns 可执行的 CJS 文本。
+*/
+var transformScript = (code, filename, options = {}) => {
+	const transforms = options.esm ? [] : ["imports"];
+	const wantTs = options.typescript === true || options.typescript !== false && (filename.endsWith(".ts") || filename.endsWith(".tsx"));
+	if (wantTs) transforms.unshift("typescript");
+	if (options.jsx) transforms.unshift("jsx");
+	try {
+		const script = wantTs ? removeImportedTypeExports(code) : code;
+		const source = options.jsx ? `import { h as __docs_h, Fragment as __docs_Fragment } from 'vue';\n${rewriteJsxAttributes(script)}` : script;
+		return `${rewriteImportMeta(transform(source, {
+			transforms,
+			disableESTransforms: true,
+			production: true,
+			jsxRuntime: "classic",
+			jsxPragma: "__docs_h",
+			jsxFragmentPragma: "__docs_Fragment",
+			filePath: filename
+		}).code, filename)}\n//# sourceURL=playground://${filename}`;
+	} catch (error) {
+		const message = error instanceof Error ? error.message : String(error);
+		throw new Error(`[Playground] 脚本转换失败 ${filename}: ${message}`, { cause: error });
+	}
+};
+//#endregion
+export { transformScript as n, rewriteImportMeta as t };

package/dist/{scss-DaIqB_qT.cjs → scss-B8OFbz1k.cjs}

@@ -1,4 +1,4 @@
-const require_cdn = require("./cdn-Czve5_9b.cjs");
+const require_cdn = require("./cdn-BoYKnGD3.cjs");
 let vue = require("vue");
 //#region packages/playground/src/core/scss.ts
 var SCHEME = "docs-playground";
@@ -8,7 +8,6 @@ var LANG_ATTR_RE = /\s*lang\s*=\s*(['"]?)s[ac]ss\1/i;
 var SCSS_ERROR_MARK = "[playground-sass]";
 var INJECT_START = "/* docs-playground-scss-start */";
 var INJECT_END = "/* docs-playground-scss-end */";
-var EMPTY_JS = "export default {}\n";
 var boundStores = /* @__PURE__ */ new WeakSet();
 var wrappedCompilers = /* @__PURE__ */ new WeakSet();
 var testLoader;
@@ -164,6 +163,20 @@ var syncScssErrors = (store, scssErrors) => {
 	if (next.map(String).join("\0") === store.errors.map(String).join("\0")) return;
 	store.errors = next;
 };
+var extractScssExports = (css, filename) => {
+	const exports = {};
+	if (/\.module\.(?:scss|sass)$/.test(filename)) css = css.replace(/:export\s*\{([^}]*)\}/g, (_block, declarations) => {
+		for (const declaration of declarations.split(";")) {
+			const colon = declaration.indexOf(":");
+			if (colon >= 0) exports[declaration.slice(0, colon).trim()] = declaration.slice(colon + 1).trim();
+		}
+		return "";
+	});
+	return {
+		css,
+		exports
+	};
+};
 var applyStandaloneScss = (store, sass = loadedSass) => {
 	if (!sass) return [];
 	const fileMap = toPlaygroundFileMap(store.files);
@@ -172,10 +185,9 @@ var applyStandaloneScss = (store, sass = loadedSass) => {
 	for (const [filename, file] of Object.entries(store.files)) {
 		if (!isScssFile(filename) || !file.compiled) continue;
 		try {
-			const css = compileScssSource(file.code, filename, sass, fileMap);
+			const { css, exports } = extractScssExports(compileScssSource(file.code, filename, sass, fileMap), filename);
 			file.compiled.css = css;
-			file.compiled.js = EMPTY_JS;
-			file.compiled.ssr = EMPTY_JS;
+			file.compiled.js = file.compiled.ssr = `export default ${JSON.stringify(exports)};\n`;
 			if (!isScssPartial(filename) && css.trim()) injected.push(css);
 		} catch (error) {
 			errors.push(scssFail(filename, error));
@@ -225,6 +237,12 @@ Object.defineProperty(exports, "compileScssSource", {
 		return compileScssSource;
 	}
 });
+Object.defineProperty(exports, "extractScssExports", {
+	enumerable: true,
+	get: function() {
+		return extractScssExports;
+	}
+});
 Object.defineProperty(exports, "whenSassReady", {
 	enumerable: true,
 	get: function() {

package/dist/{scss-Co2it4vB.js → scss-DIh6971q.js}

@@ -1,4 +1,4 @@
-import { t as SASS_CDN_URL } from "./cdn-DEvdGJu2.js";
+import { t as SASS_CDN_URL } from "./cdn-DQoETju_.js";
 import { watch } from "vue";
 //#region packages/playground/src/core/scss.ts
 var SCHEME = "docs-playground";
@@ -8,7 +8,6 @@ var LANG_ATTR_RE = /\s*lang\s*=\s*(['"]?)s[ac]ss\1/i;
 var SCSS_ERROR_MARK = "[playground-sass]";
 var INJECT_START = "/* docs-playground-scss-start */";
 var INJECT_END = "/* docs-playground-scss-end */";
-var EMPTY_JS = "export default {}\n";
 var boundStores = /* @__PURE__ */ new WeakSet();
 var wrappedCompilers = /* @__PURE__ */ new WeakSet();
 var loadedSass;
@@ -163,6 +162,20 @@ var syncScssErrors = (store, scssErrors) => {
 	if (next.map(String).join("\0") === store.errors.map(String).join("\0")) return;
 	store.errors = next;
 };
+var extractScssExports = (css, filename) => {
+	const exports = {};
+	if (/\.module\.(?:scss|sass)$/.test(filename)) css = css.replace(/:export\s*\{([^}]*)\}/g, (_block, declarations) => {
+		for (const declaration of declarations.split(";")) {
+			const colon = declaration.indexOf(":");
+			if (colon >= 0) exports[declaration.slice(0, colon).trim()] = declaration.slice(colon + 1).trim();
+		}
+		return "";
+	});
+	return {
+		css,
+		exports
+	};
+};
 var applyStandaloneScss = (store, sass = loadedSass) => {
 	if (!sass) return [];
 	const fileMap = toPlaygroundFileMap(store.files);
@@ -171,10 +184,9 @@ var applyStandaloneScss = (store, sass = loadedSass) => {
 	for (const [filename, file] of Object.entries(store.files)) {
 		if (!isScssFile(filename) || !file.compiled) continue;
 		try {
-			const css = compileScssSource(file.code, filename, sass, fileMap);
+			const { css, exports } = extractScssExports(compileScssSource(file.code, filename, sass, fileMap), filename);
 			file.compiled.css = css;
-			file.compiled.js = EMPTY_JS;
-			file.compiled.ssr = EMPTY_JS;
+			file.compiled.js = file.compiled.ssr = `export default ${JSON.stringify(exports)};\n`;
 			if (!isScssPartial(filename) && css.trim()) injected.push(css);
 		} catch (error) {
 			errors.push(scssFail(filename, error));
@@ -212,4 +224,4 @@ var bindPlaygroundScss = (store) => {
 	};
 };
 //#endregion
-export { compileScssSource as n, whenSassReady as r, bindPlaygroundScss as t };
+export { whenSassReady as i, compileScssSource as n, extractScssExports as r, bindPlaygroundScss as t };