@wevu/compiler 6.6.4 → 6.6.6

package/dist/index.d.mts

@@ -192,6 +192,20 @@ interface ScopedSlotComponentAsset {
   classStyleWxs?: boolean;
   inlineExpressions?: InlineExpressionAsset[];
 }
+/**
+ * 内联表达式资源描述。
+ */
+interface InlineExpressionIndexBindingAsset {
+  key: string;
+  binding: string;
+}
+/**
+ * 内联表达式作用域恢复器描述。
+ */
+interface InlineExpressionScopeResolverAsset {
+  key: string;
+  expression: string;
+}
 /**
  * 内联表达式资源描述。
  */
@@ -199,6 +213,8 @@ interface InlineExpressionAsset {
   id: string;
   expression: string;
   scopeKeys: string[];
+  indexBindings?: InlineExpressionIndexBindingAsset[];
+  scopeResolvers?: InlineExpressionScopeResolverAsset[];
 }
 /**
  * 模板编译结果。

package/dist/index.mjs

@@ -2576,7 +2576,21 @@ function buildInlineMapExpression(inlineExpressions) {
 			t.identifier("scope"),
 			t.identifier("$event")
 		], exprAst);
-		const entryObj = t.objectExpression([t.objectProperty(t.identifier("keys"), keysExpr), t.objectProperty(t.identifier("fn"), fnExpr)]);
+		const entryObjProps = [t.objectProperty(t.identifier("keys"), keysExpr), t.objectProperty(t.identifier("fn"), fnExpr)];
+		if (entry.indexBindings?.length) {
+			const indexKeysExpr = t.arrayExpression(entry.indexBindings.map((binding) => t.stringLiteral(binding.key)));
+			entryObjProps.push(t.objectProperty(t.identifier("indexKeys"), indexKeysExpr));
+		}
+		if (entry.scopeResolvers?.length) {
+			const resolverMap = new Map(entry.scopeResolvers.map((item) => [item.key, item.expression]));
+			const resolverExpr = t.arrayExpression(entry.scopeKeys.map((key) => {
+				const source = resolverMap.get(key);
+				if (!source) return t.identifier("undefined");
+				return parseBabelExpression(source) ?? t.identifier("undefined");
+			}));
+			entryObjProps.push(t.objectProperty(t.identifier("scopeResolvers"), resolverExpr));
+		}
+		const entryObj = t.objectExpression(entryObjProps);
 		return t.objectProperty(t.stringLiteral(entry.id), entryObj);
 	});
 	return t.objectExpression(entries);
@@ -4397,6 +4411,7 @@ const INLINE_GLOBALS = new Set([
 	"require",
 	"arguments",
 	"__weapp_vite",
+	"__wevuUnref",
 	"globalThis",
 	"setTimeout",
 	"clearTimeout",
@@ -4413,8 +4428,10 @@ const INLINE_GLOBALS = new Set([
 	"ctx",
 	"scope"
 ]);
+const IDENTIFIER_RE = /^[A-Z_$][\w$]*$/i;
+const SIMPLE_PATH_RE = /^[A-Z_$][\w$]*(?:\.[A-Z_$][\w$]*)*$/i;
 function createMemberAccess$1(target, prop) {
-	if (/^[A-Z_$][\w$]*$/i.test(prop)) return t.memberExpression(t.identifier(target), t.identifier(prop));
+	if (IDENTIFIER_RE.test(prop)) return t.memberExpression(t.identifier(target), t.identifier(prop));
 	return t.memberExpression(t.identifier(target), t.stringLiteral(prop), true);
 }
 function resolveSlotPropBinding(slotProps, name) {
@@ -4423,29 +4440,16 @@ function resolveSlotPropBinding(slotProps, name) {
 	if (!prop) return "__wvSlotPropsData";
 	return generateExpression(createMemberAccess$1("__wvSlotPropsData", prop));
 }
-function registerInlineExpression(exp, context) {
-	const parsed = parseBabelExpressionFile(exp);
-	if (!parsed) return null;
-	const { ast, expression } = parsed;
-	const locals = collectScopedSlotLocals(context);
-	const slotProps = collectSlotPropMapping(context);
-	for (const name of Object.keys(slotProps)) locals.add(name);
-	const usedLocals = [];
-	const usedLocalSet = /* @__PURE__ */ new Set();
-	const markLocal = (name) => {
-		if (usedLocalSet.has(name)) return;
-		usedLocalSet.add(name);
-		usedLocals.push(name);
-	};
+function rewriteExpressionAst(ast, locals, options) {
 	traverse(ast, {
 		Identifier(path) {
 			if (!path.isReferencedIdentifier()) return;
 			const name = path.node.name;
 			if (name === "$event") return;
 			if (name === "ctx" || name === "scope") return;
-			if (path.scope.hasBinding(name)) return;
+			if (path.scope.getBinding(name)) return;
 			if (locals.has(name)) {
-				markLocal(name);
+				options?.markLocal?.(name);
 				path.replaceWith(createMemberAccess$1("scope", name));
 				return;
 			}
@@ -4456,19 +4460,85 @@ function registerInlineExpression(exp, context) {
 			path.replaceWith(t.identifier("ctx"));
 		}
 	});
-	const updatedExpression = generateExpression(expression);
+}
+function buildInlineIndexBindings(context) {
+	if (!context.forStack.length) return [];
+	return context.forStack.map((forInfo, level) => ({
+		key: `__wv_i${level}`,
+		binding: forInfo.index?.trim() || "index"
+	}));
+}
+function buildForItemResolverExpression(targetKey, context, slotProps, indexBindings) {
+	let targetLevel = -1;
+	for (let level = context.forStack.length - 1; level >= 0; level -= 1) if (context.forStack[level]?.item === targetKey) {
+		targetLevel = level;
+		break;
+	}
+	if (targetLevel < 0) return null;
+	const listExp = context.forStack[targetLevel]?.listExp?.trim() ?? "";
+	const indexBinding = indexBindings[targetLevel];
+	if (!listExp || !indexBinding || !SIMPLE_PATH_RE.test(listExp)) return null;
+	const root = listExp.split(".")[0];
+	const localRoots = new Set(Object.keys(slotProps));
+	for (let level = 0; level <= targetLevel; level += 1) {
+		const item = context.forStack[level]?.item?.trim();
+		const index = context.forStack[level]?.index?.trim();
+		if (item) localRoots.add(item);
+		if (index) localRoots.add(index);
+		localRoots.add("index");
+	}
+	if (localRoots.has(root)) return null;
+	return `({type:'for-item',path:${JSON.stringify(listExp)},indexKey:${JSON.stringify(indexBinding.key)}})`;
+}
+function buildScopeResolvers(usedLocals, context, slotProps, indexBindings) {
+	const resolvers = [];
+	for (const key of usedLocals) {
+		const expression = buildForItemResolverExpression(key, context, slotProps, indexBindings);
+		if (!expression) continue;
+		resolvers.push({
+			key,
+			expression
+		});
+	}
+	return resolvers;
+}
+function registerInlineExpression(exp, context) {
+	const parsed = parseBabelExpressionFile(exp);
+	if (!parsed) return null;
+	const { ast } = parsed;
+	const locals = collectScopedSlotLocals(context);
+	const slotProps = collectSlotPropMapping(context);
+	for (const name of Object.keys(slotProps)) locals.add(name);
+	const usedLocals = [];
+	const usedLocalSet = /* @__PURE__ */ new Set();
+	const markLocal = (name) => {
+		if (usedLocalSet.has(name)) return;
+		usedLocalSet.add(name);
+		usedLocals.push(name);
+	};
+	rewriteExpressionAst(ast, locals, { markLocal });
+	const updatedStmt = ast.program.body[0];
+	const updatedExpressionNode = updatedStmt && "expression" in updatedStmt ? updatedStmt.expression : null;
+	const updatedExpression = updatedExpressionNode ? generateExpression(updatedExpressionNode) : exp;
 	const scopeBindings = usedLocals.map((name) => {
 		return resolveSlotPropBinding(slotProps, name) ?? name;
 	});
+	const indexBindings = buildInlineIndexBindings(context);
+	const scopeResolvers = buildScopeResolvers(usedLocals, context, slotProps, indexBindings);
 	const asset = {
 		id: `__wv_inline_${context.inlineExpressionSeed++}`,
 		expression: updatedExpression,
 		scopeKeys: usedLocals
 	};
+	if (scopeResolvers.length) {
+		asset.indexBindings = indexBindings;
+		asset.scopeResolvers = scopeResolvers;
+	}
 	context.inlineExpressions.push(asset);
 	return {
 		id: asset.id,
-		scopeBindings
+		scopeBindings,
+		indexBindings: scopeResolvers.length ? indexBindings.map((binding) => binding.binding) : []
 	};
 }
 
@@ -4574,6 +4644,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 +4702,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 +4774,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 +4808,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 +4829,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 +4877,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)}"`;
 }
 
@@ -4856,6 +4961,11 @@ function buildInlineScopeAttrs(scopeBindings, context) {
 		return `data-wv-s${index}="${renderMustache(binding.replace(/"/g, "&quot;"), context)}"`;
 	});
 }
+function buildInlineIndexAttrs(indexBindings, context) {
+	return indexBindings.map((binding, index) => {
+		return `data-wv-i${index}="${renderMustache(binding.replace(/"/g, "&quot;"), context)}"`;
+	});
+}
 function resolveEventPrefix(modifiers) {
 	const hasCatch = modifiers.some((modifier) => modifier.content === "catch");
 	const hasStop = modifiers.some((modifier) => modifier.content === "stop");
@@ -4881,9 +4991,11 @@ function transformOnDirective(node, context) {
 	if (context.rewriteScopedSlot) {
 		if (inlineExpression) {
 			const scopeAttrs = buildInlineScopeAttrs(inlineExpression.scopeBindings, context);
+			const indexAttrs = buildInlineIndexAttrs(inlineExpression.indexBindings, context);
 			return [
 				`data-wv-inline-id="${inlineExpression.id}"`,
 				...scopeAttrs,
+				...indexAttrs,
 				`${bindAttr}="__weapp_vite_owner"`
 			].filter(Boolean).join(" ");
 		}
@@ -4896,9 +5008,11 @@ function transformOnDirective(node, context) {
 	const expValue = normalizeWxmlExpressionWithContext(rawExpValue, context);
 	if (inlineExpression) {
 		const scopeAttrs = buildInlineScopeAttrs(inlineExpression.scopeBindings, context);
+		const indexAttrs = buildInlineIndexAttrs(inlineExpression.indexBindings, context);
 		return [
 			`data-wv-inline-id="${inlineExpression.id}"`,
 			...scopeAttrs,
+			...indexAttrs,
 			`${bindAttr}="__weapp_vite_inline"`
 		].filter(Boolean).join(" ");
 	}
@@ -4995,7 +5109,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 +5530,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 +5549,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 +5563,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 +5606,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 +5654,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 +5700,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.4",
+  "version": "6.6.6",
   "description": "wevu 编译器基础包，面向小程序模板的编译与转换",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",