@dimina/compiler 1.0.17 → 1.1.0

package/dist/core/view-compiler.cjs

@@ -1,21 +1,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_env = require("../env-BWsUjuZE.cjs");
-const require_compatibility = require("../compatibility-DnN63SVV.cjs");
+const require_rolldown_runtime = require("../rolldown-runtime-D6vf50IK.cjs");
+const require_env = require("../env-B4U3zZUm.cjs");
+const require_compatibility = require("../compatibility-CzIJUgPs.cjs");
 let node_path = require("node:path");
-node_path = require_env.__toESM(node_path, 1);
+node_path = require_rolldown_runtime.__toESM(node_path, 1);
 let node_worker_threads = require("node:worker_threads");
 let node_fs = require("node:fs");
-node_fs = require_env.__toESM(node_fs, 1);
+node_fs = require_rolldown_runtime.__toESM(node_fs, 1);
 let oxc_parser = require("oxc-parser");
 let oxc_walker = require("oxc-walker");
 let magic_string = require("magic-string");
-magic_string = require_env.__toESM(magic_string, 1);
+magic_string = require_rolldown_runtime.__toESM(magic_string, 1);
 let _vue_compiler_sfc = require("@vue/compiler-sfc");
 let cheerio = require("cheerio");
-cheerio = require_env.__toESM(cheerio, 1);
+cheerio = require_rolldown_runtime.__toESM(cheerio, 1);
 let esbuild = require("esbuild");
 let htmlparser2 = require("htmlparser2");
-htmlparser2 = require_env.__toESM(htmlparser2, 1);
+htmlparser2 = require_rolldown_runtime.__toESM(htmlparser2, 1);
 //#region src/common/expression-parser.js
 /**
 * 表达式解析器 - 使用 Oxc AST 解析器提取依赖
@@ -259,7 +260,10 @@ if (!node_worker_threads.isMainThread) node_worker_threads.parentPort.on("messag
 		compileResCache.clear();
 		wxsModuleRegistry.clear();
 		wxsFilePathMap.clear();
-		node_worker_threads.parentPort.postMessage({ success: true });
+		node_worker_threads.parentPort.postMessage({
+			success: true,
+			compatibilityWarnings: require_compatibility.takeCompatibilityWarnings()
+		});
 	} catch (error) {
 		compileResCache.clear();
 		wxsModuleRegistry.clear();
@@ -281,17 +285,26 @@ async function compileML(pages, root, progress) {
 	initWxsFilePathMap(require_env.getWorkPath());
 	for (const page of pages) {
 		const scriptRes = /* @__PURE__ */ new Map();
-		buildCompileView(page, false, scriptRes, [], /* @__PURE__ */ new Set());
+		buildCompileView(page, false, scriptRes, /* @__PURE__ */ new Set(), /* @__PURE__ */ new Set());
 		let mergeRender = "";
 		for (const [key, value] of scriptRes.entries()) {
-			const { code: minifiedCode } = await (0, esbuild.transform)(`modDefine('${key}', function(require, module, exports) {
+			const amdFormat = `modDefine('${key}', function(require, module, exports) {
 		${value}
-		});`, {
-				minify: true,
-				target: ["es2020"],
-				platform: "browser"
-			});
-			mergeRender += minifiedCode;
+		});`;
+			try {
+				const { code: minifiedCode } = await (0, esbuild.transform)(amdFormat, {
+					minify: true,
+					target: ["es2020"],
+					platform: "browser"
+				});
+				mergeRender += minifiedCode;
+			} catch (error) {
+				const location = error.errors?.[0]?.location;
+				const sourceLines = amdFormat.split("\n");
+				const sourceHint = location?.line ? sourceLines.slice(Math.max(0, location.line - 3), location.line + 2).map((line, index) => `${Math.max(1, location.line - 2) + index}: ${line.trim()}`).join("\n") : "";
+				error.message = `视图模块 ${key} 转换失败: ${error.message}${sourceHint ? `\n${sourceHint}` : ""}`;
+				throw error;
+			}
 		}
 		scriptRes.clear();
 		const filename = `${page.path.replace(/\//g, "_")}`;
@@ -342,6 +355,17 @@ function scanWxsFiles(dir, workPath) {
 function registerWxsModule(modulePath) {
 	wxsModuleRegistry.add(modulePath);
 }
+function getTemplateCompilerOptions(scopeId) {
+	return {
+		prefixIdentifiers: true,
+		hoistStatic: false,
+		cacheHandlers: true,
+		scopeId,
+		mode: "function",
+		inline: true,
+		isCustomElement: (tag) => !tag.startsWith("dd-")
+	};
+}
 /**
 * 检查是否为已注册的 wxs 模块
 * @param {string} modulePath - 模块路径
@@ -350,17 +374,10 @@ function registerWxsModule(modulePath) {
 function isRegisteredWxsModule(modulePath) {
 	return wxsModuleRegistry.has(modulePath);
 }
-function buildCompileView(module, isComponent = false, scriptRes, depthChain = [], inheritedTemplatePaths = /* @__PURE__ */ new Set()) {
+function buildCompileView(module, isComponent = false, scriptRes, activePaths = /* @__PURE__ */ new Set(), inheritedTemplatePaths = /* @__PURE__ */ new Set()) {
 	const currentPath = module.path;
-	if (depthChain.includes(currentPath)) {
-		console.warn("[view]", `检测到循环依赖: ${[...depthChain, currentPath].join(" -> ")}`);
-		return;
-	}
-	if (depthChain.length > 20) {
-		console.warn("[view]", `检测到深度依赖: ${[...depthChain, currentPath].join(" -> ")}`);
-		return;
-	}
-	depthChain = [...depthChain, currentPath];
+	if (activePaths.has(currentPath)) return;
+	activePaths.add(currentPath);
 	const allScriptModules = [];
 	const currentInstruction = compileModule(module, isComponent, scriptRes, { skipTemplatePaths: isComponent ? inheritedTemplatePaths : /* @__PURE__ */ new Set() });
 	if (currentInstruction && currentInstruction.scriptModule) allScriptModules.push(...currentInstruction.scriptModule);
@@ -369,11 +386,8 @@ function buildCompileView(module, isComponent = false, scriptRes, depthChain = [
 	if (module.usingComponents) for (const componentInfo of Object.values(module.usingComponents)) {
 		const componentModule = require_env.getComponent(componentInfo);
 		if (!componentModule) continue;
-		if (componentModule.path === module.path) {
-			console.warn("[view]", `检测到循环依赖，跳过处理: ${module.path}`);
-			continue;
-		}
-		const componentInstruction = buildCompileView(componentModule, true, scriptRes, depthChain, childInheritedTemplatePaths);
+		if (componentModule.path === module.path) continue;
+		const componentInstruction = buildCompileView(componentModule, true, scriptRes, activePaths, childInheritedTemplatePaths);
 		if (componentInstruction && componentInstruction.scriptModule) {
 			for (const sm of componentInstruction.scriptModule) if (!allScriptModules.find((existing) => existing.path === sm.path)) allScriptModules.push(sm);
 		}
@@ -382,6 +396,7 @@ function buildCompileView(module, isComponent = false, scriptRes, depthChain = [
 		for (const sm of allScriptModules) if (!scriptRes.has(sm.path)) scriptRes.set(sm.path, sm.code);
 		compileModuleWithAllWxs(module, scriptRes, allScriptModules);
 	}
+	activePaths.delete(currentPath);
 	return {
 		scriptModule: allScriptModules,
 		templateModule: currentInstruction?.templateModule || []
@@ -434,14 +449,7 @@ function compileModule(module, isComponent, scriptRes, options = {}) {
 		filename: module.path,
 		id: `data-v-${module.id}`,
 		scoped: true,
-		compilerOptions: {
-			prefixIdentifiers: true,
-			hoistStatic: false,
-			cacheHandlers: true,
-			scopeId: `data-v-${module.id}`,
-			mode: "function",
-			inline: true
-		}
+		compilerOptions: getTemplateCompilerOptions(`data-v-${module.id}`)
 	});
 	let tplComponents = "{";
 	for (const tm of compileInstruction.templateModule) {
@@ -450,14 +458,7 @@ function compileModule(module, isComponent, scriptRes, options = {}) {
 			filename: tm.path,
 			id: `data-v-${module.id}`,
 			scoped: true,
-			compilerOptions: {
-				prefixIdentifiers: true,
-				hoistStatic: false,
-				cacheHandlers: true,
-				scopeId: `data-v-${module.id}`,
-				mode: "function",
-				inline: true
-			}
+			compilerOptions: getTemplateCompilerOptions(`data-v-${module.id}`)
 		});
 		code = insertWxsToRenderCode(code, compileInstruction.scriptModule, scriptRes, tm.path);
 		tplComponents += `'${tm.path}':${code},`;
@@ -467,8 +468,12 @@ function compileModule(module, isComponent, scriptRes, options = {}) {
 	const code = `Module({
 		path: '${module.path}',
 		id: '${module.id}',
+		appStyleScopeId: ${JSON.stringify(module.appStyleScopeId || null)},
+		sharedStyleScopeIds: ${JSON.stringify(module.sharedStyleScopeIds || [])},
+		styleIsolation: ${JSON.stringify(module.styleIsolation || "isolated")},
 		render: ${transCode},
 		usingComponents: ${JSON.stringify(module.usingComponents)},
+		customTabBar: ${JSON.stringify(module.customTabBar || null)},
 		tplComponents: ${tplComponents},
 		});`;
 	const allWxsModules = collectAllWxsModules(scriptRes, /* @__PURE__ */ new Set(), compileInstruction.scriptModule || []);
@@ -619,14 +624,7 @@ function compileModuleWithAllWxs(module, scriptRes, allScriptModules) {
 		filename: module.path,
 		id: `data-v-${module.id}`,
 		scoped: true,
-		compilerOptions: {
-			prefixIdentifiers: true,
-			hoistStatic: false,
-			cacheHandlers: true,
-			scopeId: `data-v-${module.id}`,
-			mode: "function",
-			inline: true
-		}
+		compilerOptions: getTemplateCompilerOptions(`data-v-${module.id}`)
 	});
 	let tplComponents = "{";
 	for (const tm of mergedInstruction.templateModule) {
@@ -635,14 +633,7 @@ function compileModuleWithAllWxs(module, scriptRes, allScriptModules) {
 			filename: tm.path,
 			id: `data-v-${module.id}`,
 			scoped: true,
-			compilerOptions: {
-				prefixIdentifiers: true,
-				hoistStatic: false,
-				cacheHandlers: true,
-				scopeId: `data-v-${module.id}`,
-				mode: "function",
-				inline: true
-			}
+			compilerOptions: getTemplateCompilerOptions(`data-v-${module.id}`)
 		});
 		code = insertWxsToRenderCode(code, allScriptModules, scriptRes, tm.path);
 		tplComponents += `'${tm.path}':${code},`;
@@ -652,8 +643,12 @@ function compileModuleWithAllWxs(module, scriptRes, allScriptModules) {
 	const code = `Module({
 		path: '${module.path}',
 		id: '${module.id}',
+		appStyleScopeId: ${JSON.stringify(module.appStyleScopeId || null)},
+		sharedStyleScopeIds: ${JSON.stringify(module.sharedStyleScopeIds || [])},
+		styleIsolation: ${JSON.stringify(module.styleIsolation || "isolated")},
 		render: ${transCode},
 		usingComponents: ${JSON.stringify(module.usingComponents)},
+		customTabBar: ${JSON.stringify(module.customTabBar || null)},
 		tplComponents: ${tplComponents},
 		});`;
 	const cacheData = {
@@ -735,12 +730,13 @@ function toCompileTemplate(isComponent, path, components, componentPlaceholder,
 	const workPath = require_env.getWorkPath();
 	const fullPath = getViewPath(workPath, path);
 	if (!fullPath) return { tpl: void 0 };
+	const sourcePath = require_env.toMiniProgramModuleId(fullPath, workPath).replace(buildExtStripRegex(require_env.getTemplateExts()), "");
 	const diagnosticSource = fullPath.startsWith(workPath) ? fullPath.slice(workPath.length) : path;
 	let content = require_env.getContentByPath(fullPath).trim();
 	if (!content) content = "<block></block>";
 	else {
 		require_compatibility.checkTemplateCompatibility(content, diagnosticSource, components);
-		if (isComponent) content = `<wrapper name="${path}">${content}</wrapper>`;
+		if (isComponent) content = `<component-host name="${path}">${content}</component-host>`;
 		else if (cheerio.load(content, {
 			xmlMode: true,
 			decodeEntities: false
@@ -758,7 +754,7 @@ function toCompileTemplate(isComponent, path, components, componentPlaceholder,
 	$("include").each((_, elem) => {
 		const src = $(elem).attr("src");
 		if (src) {
-			const includeFullPath = require_env.getAbsolutePath(workPath, path, src);
+			const includeFullPath = resolveTemplateDependencyPath(workPath, sourcePath, src);
 			let includePath = includeFullPath.replace(workPath, "").replace(buildExtStripRegex(require_env.getTemplateExts()), "");
 			const includeDiagnosticSource = includeFullPath.startsWith(workPath) ? includeFullPath.slice(workPath.length) : includePath;
 			if (!includePath.startsWith("/")) includePath = "/" + includePath;
@@ -779,13 +775,13 @@ function toCompileTemplate(isComponent, path, components, componentPlaceholder,
 			} else $(elem).remove();
 		} else $(elem).remove();
 	});
-	transTagTemplate($, templateModule, path, components, componentPlaceholder);
-	transTagWxs($, scriptModule, path);
+	transTagTemplate($, templateModule, sourcePath, components, componentPlaceholder);
+	transTagWxs($, scriptModule, sourcePath);
 	const importNodes = $("import");
 	importNodes.each((_, elem) => {
 		const src = $(elem).attr("src");
 		if (src) {
-			const importFullPath = require_env.getAbsolutePath(workPath, path, src);
+			const importFullPath = resolveTemplateDependencyPath(workPath, sourcePath, src);
 			let importPath = importFullPath.replace(workPath, "").replace(buildExtStripRegex(require_env.getTemplateExts()), "");
 			const importDiagnosticSource = importFullPath.startsWith(workPath) ? importFullPath.slice(workPath.length) : importPath;
 			if (!importPath.startsWith("/")) importPath = "/" + importPath;
@@ -796,14 +792,14 @@ function toCompileTemplate(isComponent, path, components, componentPlaceholder,
 					xmlMode: true,
 					decodeEntities: false
 				});
-				transTagTemplate($$, templateModule, path, components, componentPlaceholder);
+				transTagTemplate($$, templateModule, importPath, components, componentPlaceholder);
 				transTagWxs($$, scriptModule, importPath);
 				processIncludedFileWxsDependencies(importContent, importPath, scriptModule, components, processedPaths);
 			}
 		}
 	});
 	importNodes.remove();
-	transAsses($, $("image"), path);
+	transAsses($, $("image"), sourcePath);
 	const res = [];
 	transHtmlTag($.html(), res, components, componentPlaceholder);
 	return {
@@ -838,6 +834,72 @@ function transAsses($, imageNodes, path) {
 		if (!imgSrc.startsWith("{{")) $(elem).attr("src", require_env.collectAssets(require_env.getWorkPath(), path, imgSrc, require_env.getTargetPath(), require_env.getAppId()));
 	});
 }
+var DIMINA_SLOT_GROUP_TAG = "dimina-slot-group";
+var DIMINA_FOR_SCOPE_TAG = "dimina-for-scope";
+function getDirectiveAttributeNames(attrs, suffixes) {
+	return Object.keys(attrs || {}).filter((name) => suffixes.some((suffix) => name.endsWith(suffix)));
+}
+function hasForAndIf(attrs) {
+	return getDirectiveAttributeNames(attrs, [":for", ":for-items"]).length > 0 && getDirectiveAttributeNames(attrs, [":if"]).length > 0;
+}
+function groupDuplicateNamedSlots($, components) {
+	const slotHosts = $("*").toArray().filter((element) => {
+		const tag = element.tagName;
+		return tag === "component" || Boolean(components?.[tag]);
+	});
+	for (const host of slotHosts) {
+		const groups = /* @__PURE__ */ new Map();
+		for (const child of $(host).children().toArray()) {
+			const slotName = child.attribs?.slot;
+			if (!slotName) continue;
+			const group = groups.get(slotName) || [];
+			group.push(child);
+			groups.set(slotName, group);
+		}
+		for (const [slotName, nodes] of groups) {
+			if (nodes.length === 1 && !hasForAndIf(nodes[0].attribs)) continue;
+			const wrapper = $(`<${DIMINA_SLOT_GROUP_TAG}></${DIMINA_SLOT_GROUP_TAG}>`);
+			wrapper.attr("name", slotName);
+			$(nodes[0]).before(wrapper);
+			for (const node of nodes) {
+				$(node).removeAttr("slot");
+				wrapper.append(node);
+			}
+		}
+	}
+}
+function wrapForIfScopes($) {
+	const nodes = $("*").toArray();
+	for (const node of nodes) {
+		if (node.tagName === DIMINA_FOR_SCOPE_TAG || !hasForAndIf(node.attribs)) continue;
+		const attrsToMove = getDirectiveAttributeNames(node.attribs, [
+			":for",
+			":for-items",
+			":for-item",
+			":for-index",
+			":key"
+		]);
+		const wrapper = $(`<${DIMINA_FOR_SCOPE_TAG}></${DIMINA_FOR_SCOPE_TAG}>`);
+		for (const name of attrsToMove) {
+			wrapper.attr(name, node.attribs[name]);
+			$(node).removeAttr(name);
+		}
+		$(node).before(wrapper);
+		wrapper.append(node);
+	}
+}
+function normalizeTemplateSyntax(html, components) {
+	const $ = cheerio.load(html, {
+		xmlMode: true,
+		decodeEntities: false,
+		_useHtmlParser2: true,
+		lowerCaseTags: false,
+		lowerCaseAttributeNames: false
+	});
+	groupDuplicateNamedSlots($, components);
+	wrapForIfScopes($);
+	return $.html();
+}
 function transHtmlTag(html, res, components, componentPlaceholder) {
 	const attrsList = [];
 	const parser = new htmlparser2.Parser({
@@ -865,7 +927,7 @@ function transHtmlTag(html, res, components, componentPlaceholder) {
 			console.error(error);
 		}
 	}, { xmlMode: true });
-	parser.write(html);
+	parser.write(normalizeTemplateSyntax(html, components));
 	parser.end();
 }
 /**
@@ -875,11 +937,15 @@ function transHtmlTag(html, res, components, componentPlaceholder) {
 function transTag(opts) {
 	const { isStart, tag, attrs, components } = opts;
 	let res;
-	if (tag === "slot") res = tag;
+	if (tag === DIMINA_SLOT_GROUP_TAG) {
+		if (isStart) return `<template ${generateSlotDirective(attrs.name)}>`;
+		return "</template>";
+	} else if (tag === DIMINA_FOR_SCOPE_TAG) res = "template";
+	else if (tag === "slot") res = tag;
 	else if (components && components[tag]) res = `dd-${tag}`;
 	else if (tag === "component" || tag === "canvas") res = tag;
-	else if (!require_env.tagWhiteList.includes(tag)) res = "dd-text";
-	else res = `dd-${tag}`;
+	else if (require_env.tagWhiteList.includes(tag)) res = `dd-${tag}`;
+	else res = tag;
 	let tagRes;
 	const propsAry = isStart ? getProps(attrs, tag, components) : [];
 	const multipleSlots = attrs?.slot;
@@ -924,7 +990,17 @@ function generateSlotDirective(slotValue) {
 */
 function getProps(attrs, tag, components) {
 	const attrsList = [];
+	const isCustomComponent = Boolean(components && components[tag]);
 	const propBindings = {};
+	const hasEventBindings = Object.keys(attrs).some((name) => /^(?:capture-)?(?:bind|catch)(?::)?.+/.test(name));
+	if (tag === "page-meta") attrsList.push({
+		name: "dimina-rpx-unit",
+		value: "vw"
+	});
+	if (hasEventBindings) attrsList.push({
+		name: "v-c-event-node",
+		value: components && components[tag] ? "'component'" : "'node'"
+	});
 	Object.entries(attrs).forEach(([name, value]) => {
 		if (name.endsWith(":if")) attrsList.push({
 			name: "v-if",
@@ -948,11 +1024,20 @@ function getProps(attrs, tag, components) {
 				name: ":key",
 				value: tranValue
 			});
-		} else if (name === "style") attrsList.push({
-			name: "v-c-style",
-			value: require_env.transformRpx(parseSafeBraceExp(value))
-		});
-		else if (name === "class") {
+		} else if (name === "style") {
+			const parsedStyle = parseSafeBraceExp(value);
+			attrsList.push({
+				name: "v-c-style",
+				value: require_env.transformRpx(parsedStyle)
+			});
+			if (isCustomComponent) {
+				attrsList.push({
+					name: ":dimina-wxml-style",
+					value: parsedStyle
+				});
+				if (isWrappedByBraces(value) && parsedStyle) propBindings.style = parsedStyle;
+			}
+		} else if (name === "class") {
 			if (isWrappedByBraces(value)) attrsList.push({
 				name: ":class",
 				value: parseClassRules(value)
@@ -1004,7 +1089,7 @@ function getProps(attrs, tag, components) {
 		});
 		else if (isWrappedByBraces(value)) {
 			const pVal = tag === "template" && name === "data" ? parseTemplateDataExp(value) : parseSafeBraceExp(value);
-			if (components && components[tag]) {
+			if (isCustomComponent) {
 				if (pVal && typeof pVal === "string") propBindings[name] = pVal;
 			}
 			attrsList.push({
@@ -1023,7 +1108,7 @@ function getProps(attrs, tag, components) {
 		else if (/\$\{[^}]*\}/.test(value)) propsRes.push(`:${name}="\`${value}\`"`);
 		else propsRes.push(`${name}="${escapeQuotes(value)}"`);
 	});
-	if (components && components[tag] && Object.keys(propBindings).length > 0) try {
+	if (isCustomComponent && Object.keys(propBindings).length > 0) try {
 		const validBindings = {};
 		for (const [key, value] of Object.entries(propBindings)) if (value !== void 0 && value !== null && typeof value === "string") validBindings[key] = value;
 		if (Object.keys(validBindings).length > 0) {
@@ -1095,6 +1180,20 @@ function getViewPath(workPath, src) {
 	}
 }
 /**
+* 解析 import/include 的模板文件路径。
+* 微信允许省略 .wxml；显式扩展名保持原样，无扩展名时按当前模板类型优先级补全。
+*/
+function resolveTemplateDependencyPath(workPath, ownerPath, src) {
+	const resolvedPath = require_env.getAbsolutePath(workPath, ownerPath, src);
+	if (node_fs.default.existsSync(resolvedPath) && node_fs.default.statSync(resolvedPath).isFile()) return resolvedPath;
+	if (node_path.default.extname(resolvedPath)) return resolvedPath;
+	for (const ext of require_env.getTemplateExts()) {
+		const candidate = `${resolvedPath}${ext}`;
+		if (node_fs.default.existsSync(candidate) && node_fs.default.statSync(candidate).isFile()) return candidate;
+	}
+	return resolvedPath;
+}
+/**
 * 将字符串内部的双引号进行替换
 * @param {*} input
 */
@@ -1135,7 +1234,7 @@ function splitWithBraces(str) {
 function parseClassRules(cssRule) {
 	let list = splitWithBraces(cssRule);
 	list = list.map((item) => {
-		return parseBraceExp(item);
+		return parseSafeBraceExp(item);
 	});
 	if (list.length === 1) return list.pop();
 	return `[${list.join(",")}]`;
@@ -1163,11 +1262,16 @@ function getForIndexName(attrs) {
 * @param {*} attrs
 */
 function parseForExp(exp, attrs) {
-	return `(${getForItemName(attrs)}, ${getForIndexName(attrs)}) in ${parseBraceExp(exp)}`;
+	return `(${getForItemName(attrs)}, ${getForIndexName(attrs)}) in ${parseSafeBraceExp(exp)}`;
 }
 var braceRegex = /(\{\{(?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})*\}\})|([^{}]+)/g;
 var noBraceRegex = /\{\{((?:[^{}]|\{(?:[^{}]|\{[^{}]*\})*\})*)\}\}/;
 var ternaryRegex = /[^?]+\?.+:.+/;
+var RESERVED_TEMPLATE_CONTEXT_ALIASES = /* @__PURE__ */ new Map([["class", "__dimina_reserved_class"]]);
+var RESERVED_TEMPLATE_CONTEXT_NAMES = new Map([...RESERVED_TEMPLATE_CONTEXT_ALIASES].map(([name, alias]) => [alias, name]));
+function encodeReservedTemplateContextIdentifier(expression) {
+	return RESERVED_TEMPLATE_CONTEXT_ALIASES.get(expression) || expression;
+}
 /**
 * 解析 {{}} 表达式的值
 * @param {*} exp
@@ -1179,7 +1283,7 @@ function parseBraceExp(exp) {
 		if (result[1]) {
 			const matchResult = result[1].match(noBraceRegex);
 			if (matchResult) {
-				const statement = matchResult[1].trim();
+				const statement = encodeReservedTemplateContextIdentifier(matchResult[1].trim());
 				if (ternaryRegex.test(statement)) group.push(`(${statement})`);
 				else group.push(statement);
 			}
@@ -1195,8 +1299,8 @@ function parseBraceExp(exp) {
 */
 function parseTemplateDataExp(exp) {
 	const matchResult = exp.trim().match(/^\{\{([\s\S]*)\}\}$/);
-	if (matchResult) return `{${matchResult[1].trim()}}`;
-	return `{${parseBraceExp(exp)}}`;
+	if (matchResult) return addOptionalChaining(`{${matchResult[1].trim()}}`);
+	return `{${parseSafeBraceExp(exp)}}`;
 }
 function transTagWxs($, scriptModule, filePath) {
 	const wxsNodes = $(require_env.getViewScriptTags().join(","));
@@ -1336,8 +1440,7 @@ function insertWxsToRenderCode(code, scriptModule, scriptRes, filename = "render
 		});
 		declarations.push(`const ${localIdentifier} = require(${JSON.stringify(requireModuleName)});`);
 	}
-	if (wxsBindings.length === 0) return getProgramCode(code, ast);
-	if (renderBody?.type === "BlockStatement") codeReplacements.push({
+	if (wxsBindings.length > 0 && renderBody?.type === "BlockStatement") codeReplacements.push({
 		type: "insert",
 		start: renderBody.start + 1,
 		end: renderBody.start + 1,
@@ -1345,6 +1448,15 @@ function insertWxsToRenderCode(code, scriptModule, scriptRes, filename = "render
 	});
 	(0, oxc_walker.walk)(ast, { enter(node) {
 		if (node.type === "MemberExpression" && node.object?.type === "Identifier" && node.object.name === "_ctx" && !node.computed && node.property?.type === "Identifier") {
+			const reservedName = RESERVED_TEMPLATE_CONTEXT_NAMES.get(node.property.name);
+			if (reservedName) {
+				codeReplacements.push({
+					start: node.property.start,
+					end: node.property.end,
+					value: reservedName
+				});
+				return;
+			}
 			const replacement = wxsBindings.find((item) => item.templatePropertyName === node.property.name);
 			if (replacement) codeReplacements.push({
 				start: node.start,
@@ -1353,6 +1465,7 @@ function insertWxsToRenderCode(code, scriptModule, scriptRes, filename = "render
 			});
 		}
 	} });
+	if (codeReplacements.length === 0) return getProgramCode(code, ast);
 	const transformed = applyCodeReplacements(code, codeReplacements);
 	return getProgramCode(transformed, parseJs(transformed, filename));
 }
@@ -1362,6 +1475,7 @@ exports.generateSlotDirective = generateSlotDirective;
 exports.generateVModelTemplate = generateVModelTemplate;
 exports.initWxsFilePathMap = initWxsFilePathMap;
 exports.loadWxsModule = loadWxsModule;
+exports.normalizeTemplateSyntax = normalizeTemplateSyntax;
 exports.parseBraceExp = parseBraceExp;
 exports.parseClassRules = parseClassRules;
 exports.parseKeyExpression = parseKeyExpression;