@wevu/compiler 6.6.3 → 6.6.5

package/dist/index.mjs

@@ -4574,6 +4574,50 @@ function normalizeJsExpressionWithContext(exp, context, options) {
 	return (stmt && "expression" in stmt ? stmt.expression : null) || null;
 }
 
+//#endregion
+//#region src/plugins/vue/compiler/template/expression/runtimeBinding.ts
+function buildForIndexAccess$1(context) {
+	if (!context.forStack.length) return "";
+	return context.forStack.map((info) => `[${info.index ?? "index"}]`).join("");
+}
+/**
+* 检测表达式是否包含小程序模板不稳定的调用语义。
+*/
+function shouldFallbackToRuntimeBinding(exp) {
+	const trimmed = exp.trim();
+	if (!trimmed) return false;
+	const parsed = parseBabelExpressionFile(normalizeWxmlExpression(trimmed));
+	if (!parsed) return false;
+	let shouldFallback = false;
+	traverse(parsed.ast, {
+		CallExpression(path) {
+			shouldFallback = true;
+			path.stop();
+		},
+		OptionalCallExpression(path) {
+			shouldFallback = true;
+			path.stop();
+		}
+	});
+	return shouldFallback;
+}
+/**
+* 将复杂表达式注册为 JS 运行时计算绑定，返回可用于模板 mustache 的绑定引用。
+*/
+function registerRuntimeBindingExpression(exp, context, options) {
+	const expAst = normalizeJsExpressionWithContext(exp, context, options);
+	if (!expAst) return null;
+	const binding = {
+		name: `__wv_bind_${context.classStyleBindings.filter((item) => item.type === "bind").length}`,
+		type: "bind",
+		exp,
+		expAst,
+		forStack: context.forStack.map((info) => ({ ...info }))
+	};
+	context.classStyleBindings.push(binding);
+	return `${binding.name}${buildForIndexAccess$1(context)}`;
+}
+
 //#endregion
 //#region src/plugins/vue/compiler/template/mustache.ts
 function renderMustache(expression, context) {
@@ -4588,7 +4632,7 @@ function toWxmlStringLiteral(value) {
 function cloneForStack(context) {
 	return context.forStack.map((info) => ({ ...info }));
 }
-function buildForIndexAccess$1(context) {
+function buildForIndexAccess(context) {
 	if (!context.forStack.length) return "";
 	return context.forStack.map((info) => `[${info.index ?? "index"}]`).join("");
 }
@@ -4660,7 +4704,7 @@ function renderClassAttribute(staticClass, dynamicClassExp, context) {
 	const expAst = mergeJsExpressionParts(jsParts);
 	const binding = createClassStyleBinding(context, "class", generateExpressionCode(expAst), expAst);
 	context.classStyleBindings.push(binding);
-	const indexAccess = buildForIndexAccess$1(context);
+	const indexAccess = buildForIndexAccess(context);
 	return `class="${renderMustache(`${binding.name}${indexAccess}`, context)}"`;
 }
 function renderStyleAttribute(staticStyle, dynamicStyleExp, vShowExp, context) {
@@ -4694,7 +4738,7 @@ function renderStyleAttribute(staticStyle, dynamicStyleExp, vShowExp, context) {
 	const expAst = mergeJsExpressionParts(jsParts);
 	const binding = createClassStyleBinding(context, "style", generateExpressionCode(expAst), expAst);
 	context.classStyleBindings.push(binding);
-	const indexAccess = buildForIndexAccess$1(context);
+	const indexAccess = buildForIndexAccess(context);
 	return `style="${renderMustache(`${binding.name}${indexAccess}`, context)}"`;
 }
 function transformAttribute(node, _context) {
@@ -4715,23 +4759,10 @@ function isTopLevelObjectLiteral(exp) {
 	if (!parsed) return false;
 	return unwrapTsExpression(parsed).type === "ObjectExpression";
 }
-function buildForIndexAccess(context) {
-	if (!context.forStack.length) return "";
-	return context.forStack.map((info) => `[${info.index ?? "index"}]`).join("");
-}
 function createBindRuntimeAttr(argValue, rawExpValue, context) {
-	const expAst = normalizeJsExpressionWithContext(rawExpValue, context, { hint: `:${argValue} 绑定` });
-	if (!expAst) return null;
-	const binding = {
-		name: `__wv_bind_${context.classStyleBindings.filter((item) => item.type === "bind").length}`,
-		type: "bind",
-		exp: rawExpValue,
-		expAst,
-		forStack: context.forStack.map((info) => ({ ...info }))
-	};
-	context.classStyleBindings.push(binding);
-	const indexAccess = buildForIndexAccess(context);
-	return `${argValue}="${renderMustache(`${binding.name}${indexAccess}`, context)}"`;
+	const bindingRef = registerRuntimeBindingExpression(rawExpValue, context, { hint: `:${argValue} 绑定` });
+	if (!bindingRef) return null;
+	return `${argValue}="${renderMustache(bindingRef, context)}"`;
 }
 function createInlineObjectLiteralAttr(argValue, rawExpValue, context) {
 	const expValue = normalizeWxmlExpressionWithContext(rawExpValue, context).trim();
@@ -4776,6 +4807,10 @@ function transformBindDirective(node, context, forInfo) {
 		if (context.objectLiteralBindMode === "inline") return createInlineObjectLiteralAttr(argValue, rawExpValue, context);
 		return createBindRuntimeAttr(argValue, rawExpValue, context);
 	}
+	if (shouldFallbackToRuntimeBinding(rawExpValue)) {
+		const runtimeAttr = createBindRuntimeAttr(argValue, rawExpValue, context);
+		if (runtimeAttr) return runtimeAttr;
+	}
 	return `${argValue}="${renderMustache(normalizeWxmlExpressionWithContext(rawExpValue, context), context)}"`;
 }
 
@@ -4995,7 +5030,8 @@ function collectElementAttributes(node, context, options) {
 				continue;
 			}
 			if (prop.name === "text" && prop.exp?.type === NodeTypes.SIMPLE_EXPRESSION) {
-				vTextExp = normalizeWxmlExpressionWithContext(prop.exp.content, context);
+				const rawExp = prop.exp.content;
+				vTextExp = (shouldFallbackToRuntimeBinding(rawExp) ? registerRuntimeBindingExpression(rawExp, context, { hint: "v-text" }) : null) ?? normalizeWxmlExpressionWithContext(rawExp, context);
 				continue;
 			}
 			const dir = transformDirective(prop, context, node, options?.forInfo);
@@ -5415,6 +5451,9 @@ function transformNormalElement(node, context, transformNode) {
 
 //#endregion
 //#region src/plugins/vue/compiler/template/elements/tag-structural.ts
+function resolveConditionExpression$1(rawExpValue, context, hint) {
+	return (shouldFallbackToRuntimeBinding(rawExpValue) ? registerRuntimeBindingExpression(rawExpValue, context, { hint }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context);
+}
 function transformIfElement(node, context, transformNode) {
 	const renderTemplateMustache = (exp) => renderMustache(exp, context);
 	const ifDirective = node.props.find((prop) => prop.type === NodeTypes.DIRECTIVE && (prop.name === "if" || prop.name === "else-if" || prop.name === "else"));
@@ -5431,10 +5470,10 @@ function transformIfElement(node, context, transformNode) {
 	const content = slotDirective || templateSlotChildren.length > 0 ? transformComponentWithSlots(elementWithoutIf, context, transformNode) : transformNormalElement(elementWithoutIf, context, transformNode);
 	const dir = ifDirective;
 	if (dir.name === "if" && dir.exp) {
-		const expValue = normalizeWxmlExpressionWithContext(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context);
+		const expValue = resolveConditionExpression$1(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context, "v-if");
 		return context.platform.wrapIf(expValue, content, renderTemplateMustache);
 	} else if (dir.name === "else-if" && dir.exp) {
-		const expValue = normalizeWxmlExpressionWithContext(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context);
+		const expValue = resolveConditionExpression$1(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context, "v-else-if");
 		return context.platform.wrapElseIf(expValue, content, renderTemplateMustache);
 	} else if (dir.name === "else") return context.platform.wrapElse(content);
 	return content;
@@ -5445,7 +5484,7 @@ function transformForElement(node, context, transformNode) {
 	if (!forDirective || !forDirective.exp) return transformNormalElement(node, context, transformNode);
 	const forInfo = parseForExpression(forDirective.exp.type === NodeTypes.SIMPLE_EXPRESSION ? forDirective.exp.content : "");
 	if (context.classStyleRuntime === "js" && !forInfo.index) forInfo.index = `__wv_index_${context.forIndexSeed++}`;
-	const listExp = forInfo.listExp ? normalizeWxmlExpressionWithContext(forInfo.listExp, context) : void 0;
+	const listExp = forInfo.listExp ? resolveConditionExpression$1(forInfo.listExp, context, "v-for 列表") : void 0;
 	const listExpAst = forInfo.listExp ? normalizeJsExpressionWithContext(forInfo.listExp, context, { hint: "v-for 列表" }) : void 0;
 	const scopedForInfo = listExp ? {
 		...forInfo,
@@ -5488,6 +5527,9 @@ function transformForElement(node, context, transformNode) {
 
 //#endregion
 //#region src/plugins/vue/compiler/template/elements/tag-builtin.ts
+function resolveConditionExpression(rawExpValue, context, hint) {
+	return (shouldFallbackToRuntimeBinding(rawExpValue) ? registerRuntimeBindingExpression(rawExpValue, context, { hint }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context);
+}
 function transformTransitionElement(node, context, transformNode) {
 	context.warnings.push("<transition> 组件：过渡效果需要动画库或运行时支持，仅渲染子节点。");
 	const children = node.children.map((child) => transformNode(child, context)).join("");
@@ -5533,11 +5575,11 @@ function transformTemplateElement(node, context, transformNode) {
 				props: base
 			};
 			if (dir.name === "if" && dir.exp) {
-				const expValue = normalizeWxmlExpressionWithContext(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context);
+				const expValue = resolveConditionExpression(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context, "template v-if");
 				return context.platform.wrapIf(expValue, children, renderTemplateMustache);
 			}
 			if (dir.name === "else-if" && dir.exp) {
-				const expValue = normalizeWxmlExpressionWithContext(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context);
+				const expValue = resolveConditionExpression(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context, "template v-else-if");
 				return context.platform.wrapElseIf(expValue, children, renderTemplateMustache);
 			}
 			if (dir.name === "else") return context.platform.wrapElse(children);
@@ -5579,7 +5621,10 @@ function transformText(node, _context) {
 }
 function transformInterpolation(node, context) {
 	const { content } = node;
-	if (content.type === NodeTypes.SIMPLE_EXPRESSION) return renderMustache(normalizeWxmlExpressionWithContext(content.content, context), context);
+	if (content.type === NodeTypes.SIMPLE_EXPRESSION) {
+		const rawExpValue = content.content;
+		return renderMustache((shouldFallbackToRuntimeBinding(rawExpValue) ? registerRuntimeBindingExpression(rawExpValue, context, { hint: "插值表达式" }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context), context);
+	}
 	/* istanbul ignore next */
 	return renderMustache("", context);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wevu/compiler",
   "type": "module",
-  "version": "6.6.3",
+  "version": "6.6.5",
   "description": "wevu 编译器基础包，面向小程序模板的编译与转换",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -48,7 +48,7 @@
     "@vue/compiler-core": "^3.5.28",
     "comment-json": "^4.5.1",
     "fs-extra": "^11.3.3",
-    "lru-cache": "^11.2.5",
+    "lru-cache": "^11.2.6",
     "magic-string": "^0.30.21",
     "merge": "^2.1.1",
     "pathe": "^2.0.3",