@wevu/compiler 0.1.1 → 6.6.3

package/dist/index.d.mts

@@ -169,10 +169,10 @@ declare function getSfcCheckMtime(config?: {
  */
 interface MiniProgramPlatform {
   name: string;
-  wrapIf: (exp: string, content: string) => string;
-  wrapElseIf: (exp: string, content: string) => string;
+  wrapIf: (exp: string, content: string, renderMustache: (exp: string) => string) => string;
+  wrapElseIf: (exp: string, content: string, renderMustache: (exp: string) => string) => string;
   wrapElse: (content: string) => string;
-  forAttrs: (listExp: string, item?: string, index?: string) => string[];
+  forAttrs: (listExp: string, renderMustache: (exp: string) => string, item?: string, index?: string) => string[];
   keyThisValue: string;
   keyAttr: (value: string) => string;
   mapEventName: (eventName: string) => string;
@@ -233,6 +233,8 @@ interface TemplateCompileOptions {
   scopedSlotsRequireProps?: boolean;
   slotMultipleInstance?: boolean;
   classStyleRuntime?: ClassStyleRuntime | 'auto';
+  objectLiteralBindMode?: ObjectLiteralBindMode;
+  mustacheInterpolation?: MustacheInterpolationMode;
   wxsExtension?: string;
   classStyleWxsSrc?: string;
 }
@@ -244,12 +246,20 @@ type ScopedSlotsCompilerMode = 'auto' | 'augmented' | 'off';
  * class/style 运行时模式。
  */
 type ClassStyleRuntime = 'wxs' | 'js';
+/**
+ * 对象字面量 v-bind 产物模式。
+ */
+type ObjectLiteralBindMode = 'runtime' | 'inline';
+/**
+ * Mustache 输出风格。
+ */
+type MustacheInterpolationMode = 'compact' | 'spaced';
 /**
  * class/style 绑定信息。
  */
 interface ClassStyleBinding {
   name: string;
-  type: 'class' | 'style';
+  type: 'class' | 'style' | 'bind';
   exp: string;
   expAst?: Expression;
   forStack: ForParseResult[];

package/dist/index.mjs

@@ -415,11 +415,11 @@ function toAlipayDirectiveEvent(prefix, eventName) {
 */
 const alipayPlatform = {
 	name: "alipay",
-	wrapIf: (exp, content) => `<block a:if="{{${exp}}}">${content}</block>`,
-	wrapElseIf: (exp, content) => `<block a:elif="{{${exp}}}">${content}</block>`,
+	wrapIf: (exp, content, renderMustache) => `<block a:if="${renderMustache(exp)}">${content}</block>`,
+	wrapElseIf: (exp, content, renderMustache) => `<block a:elif="${renderMustache(exp)}">${content}</block>`,
 	wrapElse: (content) => `<block a:else>${content}</block>`,
-	forAttrs: (listExp, item, index) => {
-		const attrs = [`a:for="{{${listExp}}}"`];
+	forAttrs: (listExp, renderMustache, item, index) => {
+		const attrs = [`a:for="${renderMustache(listExp)}"`];
 		if (item) attrs.push(`a:for-item="${item}"`);
 		if (index) attrs.push(`a:for-index="${index}"`);
 		return attrs;
@@ -474,11 +474,11 @@ function parseEventBinding$2(eventName) {
 */
 const swanPlatform = {
 	name: "swan",
-	wrapIf: (exp, content) => `<block s-if="{{${exp}}}">${content}</block>`,
-	wrapElseIf: (exp, content) => `<block s-elif="{{${exp}}}">${content}</block>`,
+	wrapIf: (exp, content, renderMustache) => `<block s-if="${renderMustache(exp)}">${content}</block>`,
+	wrapElseIf: (exp, content, renderMustache) => `<block s-elif="${renderMustache(exp)}">${content}</block>`,
 	wrapElse: (content) => `<block s-else>${content}</block>`,
-	forAttrs: (listExp, item, index) => {
-		const attrs = [`s-for="{{${listExp}}}"`];
+	forAttrs: (listExp, renderMustache, item, index) => {
+		const attrs = [`s-for="${renderMustache(listExp)}"`];
 		if (item) attrs.push(`s-for-item="${item}"`);
 		if (index) attrs.push(`s-for-index="${index}"`);
 		return attrs;
@@ -538,11 +538,11 @@ function parseEventBinding$1(eventName) {
 */
 const ttPlatform = {
 	name: "tt",
-	wrapIf: (exp, content) => `<block tt:if="{{${exp}}}">${content}</block>`,
-	wrapElseIf: (exp, content) => `<block tt:elif="{{${exp}}}">${content}</block>`,
+	wrapIf: (exp, content, renderMustache) => `<block tt:if="${renderMustache(exp)}">${content}</block>`,
+	wrapElseIf: (exp, content, renderMustache) => `<block tt:elif="${renderMustache(exp)}">${content}</block>`,
 	wrapElse: (content) => `<block tt:else>${content}</block>`,
-	forAttrs: (listExp, item, index) => {
-		const attrs = [`tt:for="{{${listExp}}}"`];
+	forAttrs: (listExp, renderMustache, item, index) => {
+		const attrs = [`tt:for="${renderMustache(listExp)}"`];
 		if (item) attrs.push(`tt:for-item="${item}"`);
 		if (index) attrs.push(`tt:for-index="${index}"`);
 		return attrs;
@@ -602,11 +602,11 @@ function parseEventBinding(eventName) {
 */
 const wechatPlatform = {
 	name: "wechat",
-	wrapIf: (exp, content) => `<block wx:if="{{${exp}}}">${content}</block>`,
-	wrapElseIf: (exp, content) => `<block wx:elif="{{${exp}}}">${content}</block>`,
+	wrapIf: (exp, content, renderMustache) => `<block wx:if="${renderMustache(exp)}">${content}</block>`,
+	wrapElseIf: (exp, content, renderMustache) => `<block wx:elif="${renderMustache(exp)}">${content}</block>`,
 	wrapElse: (content) => `<block wx:else>${content}</block>`,
-	forAttrs: (listExp, item, index) => {
-		const attrs = [`wx:for="{{${listExp}}}"`];
+	forAttrs: (listExp, renderMustache, item, index) => {
+		const attrs = [`wx:for="${renderMustache(listExp)}"`];
 		if (item) attrs.push(`wx:for-item="${item}"`);
 		if (index) attrs.push(`wx:for-index="${index}"`);
 		return attrs;
@@ -1144,6 +1144,9 @@ function isTopLevel(path) {
 
 //#endregion
 //#region src/plugins/wevu/pageFeatures/flags.ts
+function injectWevuShareLifecycleHooksIntoOptionsObject(_optionsObject, _enabled) {
+	return false;
+}
 /**
 * 扫描 AST，收集启用的 wevu 页面特性标识。
 */
@@ -1201,32 +1204,33 @@ function injectWevuPageFeatureFlagsIntoOptionsObject(optionsObject, enabled) {
 	if (!enabled.size) return false;
 	const expectedKeys = Array.from(enabled);
 	const existingFeaturesProp = getObjectPropertyByKey$2(optionsObject, "features");
+	let changed = false;
 	if (!existingFeaturesProp) {
 		const featuresObject = buildInjectedFeaturesObject(enabled);
 		const setupIndex = getObjectMemberIndexByKey(optionsObject, "setup");
 		const insertAt = setupIndex >= 0 ? setupIndex : 0;
 		optionsObject.properties.splice(insertAt, 0, t.objectProperty(t.identifier("features"), featuresObject));
-		return true;
-	}
-	if (t.isObjectExpression(existingFeaturesProp.value)) {
+		changed = true;
+	} else if (t.isObjectExpression(existingFeaturesProp.value)) {
 		const featuresObject = existingFeaturesProp.value;
 		const injectedProps = [];
 		for (const key of expectedKeys) {
 			if (getObjectPropertyByKey$2(featuresObject, key)) continue;
 			injectedProps.push(t.objectProperty(t.identifier(key), t.booleanLiteral(true)));
 		}
-		if (!injectedProps.length) return false;
-		featuresObject.properties.splice(0, 0, ...injectedProps);
-		return true;
-	}
-	if (t.isIdentifier(existingFeaturesProp.value) || t.isMemberExpression(existingFeaturesProp.value)) {
+		if (injectedProps.length) {
+			featuresObject.properties.splice(0, 0, ...injectedProps);
+			changed = true;
+		}
+	} else if (t.isIdentifier(existingFeaturesProp.value) || t.isMemberExpression(existingFeaturesProp.value)) {
 		const base = t.cloneNode(existingFeaturesProp.value, true);
 		const injected = buildInjectedFeaturesObject(enabled);
 		injected.properties.push(t.spreadElement(base));
 		existingFeaturesProp.value = injected;
-		return true;
+		changed = true;
 	}
-	return false;
+	changed = injectWevuShareLifecycleHooksIntoOptionsObject(optionsObject, enabled) || changed;
+	return changed;
 }
 
 //#endregion
@@ -1378,6 +1382,26 @@ function createModuleAnalysis(id, ast) {
 
 //#endregion
 //#region src/plugins/wevu/pageFeatures/optionsObjects.ts
+function unwrapTypeLikeExpression$1(node) {
+	if (t.isTSAsExpression(node) || t.isTSSatisfiesExpression(node) || t.isTSNonNullExpression(node) || t.isTypeCastExpression(node)) return unwrapTypeLikeExpression$1(node.expression);
+	if (t.isParenthesizedExpression(node)) return unwrapTypeLikeExpression$1(node.expression);
+	return node;
+}
+function resolveOptionsObjectFromExpression(node) {
+	const normalized = unwrapTypeLikeExpression$1(node);
+	if (t.isObjectExpression(normalized)) return normalized;
+	if (t.isIdentifier(normalized)) return null;
+	if (t.isCallExpression(normalized)) {
+		const callee = normalized.callee;
+		if (t.isMemberExpression(callee) && !callee.computed && t.isIdentifier(callee.object, { name: "Object" }) && t.isIdentifier(callee.property, { name: "assign" })) for (let index = normalized.arguments.length - 1; index >= 0; index -= 1) {
+			const argument = normalized.arguments[index];
+			if (t.isSpreadElement(argument) || !t.isExpression(argument)) continue;
+			const candidate = resolveOptionsObjectFromExpression(argument);
+			if (candidate) return candidate;
+		}
+	}
+	return null;
+}
 function getSetupFunctionFromOptionsObject(options) {
 	for (const prop of options.properties) if (t.isObjectProperty(prop) && !prop.computed && isStaticObjectKeyMatch$1(prop.key, "setup")) {
 		if (t.isFunctionExpression(prop.value) || t.isArrowFunctionExpression(prop.value)) return prop.value;
@@ -1411,7 +1435,8 @@ function collectTargetOptionsObjects(ast, moduleId) {
 				if (objectBinding?.kind !== "namespace" || objectBinding.source !== WE_VU_MODULE_ID) return;
 				if (node.callee.property.name !== WE_VU_RUNTIME_APIS.defineComponent && node.callee.property.name !== WE_VU_RUNTIME_APIS.createWevuComponent) return;
 			} else return;
-			if (t.isObjectExpression(first)) optionsObjects.push(first);
+			const inlineObject = resolveOptionsObjectFromExpression(first);
+			if (inlineObject) optionsObjects.push(inlineObject);
 			else if (t.isIdentifier(first)) {
 				const target = constObjectBindings.get(first.name);
 				if (target) optionsObjects.push(target);
@@ -1434,7 +1459,8 @@ function collectTargetOptionsObjects(ast, moduleId) {
 				if (objectBinding?.kind !== "namespace" || objectBinding.source !== WE_VU_MODULE_ID) return;
 				if (callee.property.name !== WE_VU_RUNTIME_APIS.defineComponent && callee.property.name !== WE_VU_RUNTIME_APIS.createWevuComponent) return;
 			} else return;
-			if (t.isObjectExpression(first)) optionsObjects.push(first);
+			const inlineObject = resolveOptionsObjectFromExpression(first);
+			if (inlineObject) optionsObjects.push(inlineObject);
 			else if (t.isIdentifier(first)) {
 				const target = constObjectBindings.get(first.name);
 				if (target) optionsObjects.push(target);
@@ -1870,6 +1896,21 @@ function isObjectAssignCall(node) {
 	const callee = node.callee;
 	return t.isMemberExpression(callee) && t.isIdentifier(callee.object, { name: "Object" }) && t.isIdentifier(callee.property, { name: "assign" });
 }
+function unwrapTypeLikeExpression(node) {
+	if (t.isTSAsExpression(node) || t.isTSSatisfiesExpression(node) || t.isTSNonNullExpression(node) || t.isTypeCastExpression(node)) return unwrapTypeLikeExpression(node.expression);
+	if (t.isParenthesizedExpression(node)) return unwrapTypeLikeExpression(node.expression);
+	return node;
+}
+function resolveObjectExpressionFromAssignCall(node) {
+	if (!isObjectAssignCall(node)) return null;
+	for (let index = node.arguments.length - 1; index >= 0; index -= 1) {
+		const arg = node.arguments[index];
+		if (t.isSpreadElement(arg) || !t.isExpression(arg)) continue;
+		const normalized = unwrapTypeLikeExpression(arg);
+		if (t.isObjectExpression(normalized)) return normalized;
+	}
+	return null;
+}
 function unwrapDefineComponent(node, aliases) {
 	if (t.isCallExpression(node) && isDefineComponentCall(node, aliases)) {
 		const arg = node.arguments[0];
@@ -1887,6 +1928,7 @@ function resolveComponentExpression(declaration, defineComponentDecls, aliases)
 			const matched = defineComponentDecls.get(arg.name);
 			return matched ? t.cloneNode(matched, true) : null;
 		}
+		if (t.isExpression(arg)) return arg;
 		return null;
 	}
 	if (t.isCallExpression(declaration) && isObjectAssignCall(declaration)) return declaration;
@@ -1896,6 +1938,13 @@ function resolveComponentExpression(declaration, defineComponentDecls, aliases)
 	}
 	return null;
 }
+function resolveComponentOptionsObject(componentExpr) {
+	if (!componentExpr) return null;
+	const normalized = unwrapTypeLikeExpression(componentExpr);
+	if (t.isObjectExpression(normalized)) return normalized;
+	if (t.isCallExpression(normalized)) return resolveObjectExpressionFromAssignCall(normalized);
+	return null;
+}
 
 //#endregion
 //#region src/plugins/vue/transform/transformScript/collect.ts
@@ -2212,6 +2261,10 @@ function createValidIdentifier(name, fallback) {
 	return t.identifier(fallback);
 }
 function buildNormalizedExpression(binding, helpers) {
+	if (binding.type === "bind") {
+		const exp = binding.expAst ? t.cloneNode(binding.expAst, true) : t.identifier("undefined");
+		return t.callExpression(t.arrowFunctionExpression([], t.blockStatement([t.tryStatement(t.blockStatement([t.returnStatement(exp)]), t.catchClause(t.identifier("__wv_expr_err"), t.blockStatement([t.returnStatement(t.identifier("undefined"))])), null)])), []);
+	}
 	const normalizeHelper = binding.type === "class" ? helpers.normalizeClass : helpers.normalizeStyle;
 	const exp = binding.expAst ? t.cloneNode(binding.expAst, true) : t.stringLiteral("");
 	const normalizedCall = t.callExpression(t.cloneNode(normalizeHelper), [exp]);
@@ -2592,23 +2645,24 @@ function rewriteDefaultExport(ast, state, options, enabledPageFeatures, serializ
 	let transformed = false;
 	const exportPath = state.defaultExportPath;
 	const componentExpr = resolveComponentExpression(exportPath.node.declaration, state.defineComponentDecls, state.defineComponentAliases);
-	if (componentExpr && t.isObjectExpression(componentExpr) && enabledPageFeatures.size) transformed = injectWevuPageFeatureFlagsIntoOptionsObject(componentExpr, enabledPageFeatures) || transformed;
-	if (componentExpr && t.isObjectExpression(componentExpr) && parsedWevuDefaults) transformed = applyWevuDefaultsToComponentOptions({
-		componentExpr,
+	const componentOptionsObject = resolveComponentOptionsObject(componentExpr);
+	if (componentOptionsObject && enabledPageFeatures.size) transformed = injectWevuPageFeatureFlagsIntoOptionsObject(componentOptionsObject, enabledPageFeatures) || transformed;
+	if (componentOptionsObject && parsedWevuDefaults) transformed = applyWevuDefaultsToComponentOptions({
+		componentExpr: componentOptionsObject,
 		parsedWevuDefaults,
 		options
 	}) || transformed;
 	const classStyleBindings = options?.classStyleBindings ?? [];
-	if (classStyleBindings.length) if (componentExpr && t.isObjectExpression(componentExpr)) {
+	if (classStyleBindings.length) if (componentOptionsObject) {
 		ensureClassStyleRuntimeImports(ast.program);
-		transformed = injectClassStyleComputed(componentExpr, classStyleBindings, warn) || transformed;
+		transformed = injectClassStyleComputed(componentOptionsObject, classStyleBindings, warn) || transformed;
 	} else warn("无法自动注入 class/style 计算属性：组件选项不是对象字面量。");
 	const templateRefs = options?.templateRefs ?? [];
-	if (templateRefs.length) if (componentExpr && t.isObjectExpression(componentExpr)) transformed = injectTemplateRefs(componentExpr, templateRefs, warn) || transformed;
+	if (templateRefs.length) if (componentOptionsObject) transformed = injectTemplateRefs(componentOptionsObject, templateRefs, warn) || transformed;
 	else warn("无法自动注入 template ref 元数据：组件选项不是对象字面量。");
 	const inlineExpressions = options?.inlineExpressions ?? [];
-	if (inlineExpressions.length) if (componentExpr && t.isObjectExpression(componentExpr)) {
-		const injected = injectInlineExpressions(componentExpr, inlineExpressions);
+	if (inlineExpressions.length) if (componentOptionsObject) {
+		const injected = injectInlineExpressions(componentOptionsObject, inlineExpressions);
 		if (!injected) warn("无法自动注入内联表达式元数据：methods 不是对象字面量。");
 		transformed = injected || transformed;
 	} else warn("无法自动注入内联表达式元数据：组件选项不是对象字面量。");
@@ -2691,7 +2745,7 @@ function normalizeJsxText(value) {
 function printExpression(exp) {
 	return generate(exp).code;
 }
-function unwrapTsExpression$1(exp) {
+function unwrapTsExpression$2(exp) {
 	let current = exp;
 	while (t.isTSAsExpression(current) || t.isTSTypeAssertion(current) || t.isTSNonNullExpression(current) || t.isParenthesizedExpression(current) || t.isTSInstantiationExpression(current)) {
 		if (t.isTSAsExpression(current) || t.isTSTypeAssertion(current) || t.isTSNonNullExpression(current)) {
@@ -2707,7 +2761,10 @@ function unwrapTsExpression$1(exp) {
 	return current;
 }
 function normalizeInterpolationExpression(exp) {
-	return normalizeWxmlExpression(printExpression(unwrapTsExpression$1(exp)));
+	return normalizeWxmlExpression(printExpression(unwrapTsExpression$2(exp)));
+}
+function renderMustache$1(expression, context) {
+	return context.mustacheInterpolation === "spaced" ? `{{ ${expression} }}` : `{{${expression}}}`;
 }
 function pushScope$1(context, names) {
 	for (const name of names) {
@@ -2771,20 +2828,20 @@ function toJsxTagName(name, context) {
 }
 function resolveRenderableExpression(node) {
 	if (t.isObjectMethod(node)) {
-		for (const statement of node.body.body) if (t.isReturnStatement(statement) && statement.argument) return unwrapTsExpression$1(statement.argument);
+		for (const statement of node.body.body) if (t.isReturnStatement(statement) && statement.argument) return unwrapTsExpression$2(statement.argument);
 		return null;
 	}
 	if (!node.value) return null;
 	const value = node.value;
 	if (t.isArrowFunctionExpression(value)) {
 		if (t.isBlockStatement(value.body)) {
-			for (const statement of value.body.body) if (t.isReturnStatement(statement) && statement.argument) return unwrapTsExpression$1(statement.argument);
+			for (const statement of value.body.body) if (t.isReturnStatement(statement) && statement.argument) return unwrapTsExpression$2(statement.argument);
 			return null;
 		}
-		return unwrapTsExpression$1(value.body);
+		return unwrapTsExpression$2(value.body);
 	}
 	if (t.isFunctionExpression(value)) {
-		for (const statement of value.body.body) if (t.isReturnStatement(statement) && statement.argument) return unwrapTsExpression$1(statement.argument);
+		for (const statement of value.body.body) if (t.isReturnStatement(statement) && statement.argument) return unwrapTsExpression$2(statement.argument);
 	}
 	return null;
 }
@@ -2913,7 +2970,7 @@ function readJsxAttributeExpression(value) {
 	if (t.isStringLiteral(value)) return value;
 	if (!t.isJSXExpressionContainer(value)) return null;
 	if (t.isJSXEmptyExpression(value.expression)) return null;
-	return unwrapTsExpression$1(value.expression);
+	return unwrapTsExpression$2(value.expression);
 }
 function extractJsxKeyExpression(node) {
 	for (const attr of node.openingElement.attributes) {
@@ -2936,17 +2993,17 @@ function compileEventAttribute(name, value, context) {
 	const inline = registerInlineExpression$1(exp, context);
 	const attrs = [`data-wv-inline-id="${inline.id}"`, `${bindAttr}="__weapp_vite_inline"`];
 	inline.scopeKeys.forEach((scopeKey, index) => {
-		attrs.push(`data-wv-s${index}="{{${scopeKey}}}"`);
+		attrs.push(`data-wv-s${index}="${renderMustache$1(scopeKey, context)}"`);
 	});
 	return attrs;
 }
-function compileNormalAttribute(name, value) {
+function compileNormalAttribute(name, value, context) {
 	const normalizedName = name === "className" ? "class" : name;
 	const exp = readJsxAttributeExpression(value);
 	if (!exp) return null;
 	if (t.isStringLiteral(exp)) return `${normalizedName}="${escapeAttr(exp.value)}"`;
-	if (t.isBooleanLiteral(exp)) return `${normalizedName}="{{${exp.value}}}"`;
-	return `${normalizedName}="{{${normalizeInterpolationExpression(exp)}}}"`;
+	if (t.isBooleanLiteral(exp)) return `${normalizedName}="${renderMustache$1(String(exp.value), context)}"`;
+	return `${normalizedName}="${renderMustache$1(normalizeInterpolationExpression(exp), context)}"`;
 }
 function compileJsxAttributes(attributes, context) {
 	const output = [];
@@ -2965,7 +3022,7 @@ function compileJsxAttributes(attributes, context) {
 			output.push(...compileEventAttribute(name, attr.value, context));
 			continue;
 		}
-		const normalAttr = compileNormalAttribute(name, attr.value);
+		const normalAttr = compileNormalAttribute(name, attr.value, context);
 		if (normalAttr) output.push(normalAttr);
 	}
 	return output;
@@ -2982,6 +3039,7 @@ function compileMapExpression(exp, context) {
 		return null;
 	}
 	const listExp = compileListExpression(callee.object);
+	const renderTemplateMustache = (expression) => renderMustache$1(expression, context);
 	const itemParam = callback.params[0];
 	const indexParam = callback.params[1];
 	const item = t.isIdentifier(itemParam) ? itemParam.name : "item";
@@ -2991,10 +3049,10 @@ function compileMapExpression(exp, context) {
 	let bodyExp = null;
 	if (t.isBlockStatement(callback.body)) {
 		for (const statement of callback.body.body) if (t.isReturnStatement(statement) && statement.argument) {
-			bodyExp = unwrapTsExpression$1(statement.argument);
+			bodyExp = unwrapTsExpression$2(statement.argument);
 			break;
 		}
-	} else bodyExp = unwrapTsExpression$1(callback.body);
+	} else bodyExp = unwrapTsExpression$2(callback.body);
 	const body = bodyExp ? compileRenderableExpression(bodyExp, context) : "";
 	popScope$1(context, addedScope.length);
 	if (!body) return "";
@@ -3004,30 +3062,32 @@ function compileMapExpression(exp, context) {
 		if (extracted) keyValue = extracted;
 		else if (index) keyValue = index;
 	} else if (index) keyValue = index;
-	return `<block ${[...context.platform.forAttrs(listExp, item, index), context.platform.keyAttr(keyValue)].join(" ")}>${body}</block>`;
+	return `<block ${[...context.platform.forAttrs(listExp, renderTemplateMustache, item, index), context.platform.keyAttr(keyValue)].join(" ")}>${body}</block>`;
 }
 function compileConditionalExpression(exp, context) {
+	const renderTemplateMustache = (expression) => renderMustache$1(expression, context);
 	const test = normalizeInterpolationExpression(exp.test);
 	const consequent = compileRenderableExpression(exp.consequent, context);
 	const alternate = compileRenderableExpression(exp.alternate, context);
-	if (!alternate) return context.platform.wrapIf(test, consequent);
-	return `${context.platform.wrapIf(test, consequent)}${context.platform.wrapElse(alternate)}`;
+	if (!alternate) return context.platform.wrapIf(test, consequent, renderTemplateMustache);
+	return `${context.platform.wrapIf(test, consequent, renderTemplateMustache)}${context.platform.wrapElse(alternate)}`;
 }
 function compileLogicalExpression(exp, context) {
+	const renderTemplateMustache = (expression) => renderMustache$1(expression, context);
 	if (exp.operator === "&&") {
 		const test = normalizeInterpolationExpression(exp.left);
 		const content = compileRenderableExpression(exp.right, context);
-		return context.platform.wrapIf(test, content);
+		return context.platform.wrapIf(test, content, renderTemplateMustache);
 	}
 	if (exp.operator === "||") {
 		const test = normalizeInterpolationExpression(t.unaryExpression("!", t.parenthesizedExpression(t.cloneNode(exp.left, true))));
 		const content = compileRenderableExpression(exp.right, context);
-		return context.platform.wrapIf(test, content);
+		return context.platform.wrapIf(test, content, renderTemplateMustache);
 	}
-	return `{{${normalizeInterpolationExpression(exp)}}}`;
+	return renderMustache$1(normalizeInterpolationExpression(exp), context);
 }
 function compileRenderableExpression(exp, context) {
-	const node = unwrapTsExpression$1(exp);
+	const node = unwrapTsExpression$2(exp);
 	if (t.isJSXElement(node)) return compileJsxElement(node, context);
 	if (t.isJSXFragment(node)) return compileJsxFragment(node, context);
 	if (t.isConditionalExpression(node)) return compileConditionalExpression(node, context);
@@ -3041,7 +3101,7 @@ function compileRenderableExpression(exp, context) {
 		return compileRenderableExpression(element, context);
 	}).join("");
 	if (t.isNullLiteral(node) || t.isBooleanLiteral(node)) return "";
-	return `{{${normalizeInterpolationExpression(node)}}}`;
+	return renderMustache$1(normalizeInterpolationExpression(node), context);
 }
 function compileExpressionContainer(node, context) {
 	const exp = node.expression;
@@ -3183,6 +3243,7 @@ function collectJsxAutoComponentContext(source, filename, warn) {
 	const importedComponents = collectImportedComponents(ast);
 	const context = {
 		platform: wechatPlatform,
+		mustacheInterpolation: "compact",
 		warnings: [],
 		inlineExpressions: [],
 		inlineExpressionSeed: 0,
@@ -3207,6 +3268,7 @@ function compileJsxTemplate(source, filename, options) {
 	const ast = parse$2(source, BABEL_TS_MODULE_PARSER_OPTIONS);
 	const context = {
 		platform: options?.template?.platform ?? wechatPlatform,
+		mustacheInterpolation: options?.template?.mustacheInterpolation ?? "compact",
 		warnings: [],
 		inlineExpressions: [],
 		inlineExpressionSeed: 0,
@@ -4445,6 +4507,7 @@ const JS_RUNTIME_GLOBALS = new Set([
 	"require",
 	"arguments",
 	"globalThis",
+	"__wevuUnref",
 	"wx",
 	"getApp",
 	"getCurrentPages"
@@ -4470,6 +4533,9 @@ function createMemberAccess(target, prop) {
 function createThisMemberAccess(prop) {
 	return createMemberAccess(t.thisExpression(), prop);
 }
+function createUnrefCall(exp) {
+	return t.callExpression(t.identifier("__wevuUnref"), [exp]);
+}
 function normalizeJsExpressionWithContext(exp, context, options) {
 	const trimmed = exp.trim();
 	if (!trimmed) return null;
@@ -4492,10 +4558,10 @@ function normalizeJsExpressionWithContext(exp, context, options) {
 		if (context.rewriteScopedSlot) if (Object.prototype.hasOwnProperty.call(slotProps, name)) {
 			const prop = slotProps[name];
 			const base = createThisMemberAccess("__wvSlotPropsData");
-			replacement = prop ? createMemberAccess(base, prop) : base;
-		} else if (name === "__wvOwner" || name === "__wvSlotPropsData" || name === "__wvSlotProps" || name === "__wvSlotScope") replacement = createThisMemberAccess(name);
-		else replacement = createMemberAccess(createThisMemberAccess("__wvOwner"), name);
-		else replacement = createThisMemberAccess(name);
+			replacement = createUnrefCall(prop ? createMemberAccess(base, prop) : base);
+		} else if (name === "__wvOwner" || name === "__wvSlotPropsData" || name === "__wvSlotProps" || name === "__wvSlotScope") replacement = createUnrefCall(createThisMemberAccess(name));
+		else replacement = createUnrefCall(createMemberAccess(createThisMemberAccess("__wvOwner"), name));
+		else replacement = createUnrefCall(createThisMemberAccess(name));
 		const parent = path.parentPath;
 		if (parent.isObjectProperty() && parent.node.shorthand && parent.node.key === path.node) {
 			parent.node.shorthand = false;
@@ -4508,6 +4574,12 @@ function normalizeJsExpressionWithContext(exp, context, options) {
 	return (stmt && "expression" in stmt ? stmt.expression : null) || null;
 }
 
+//#endregion
+//#region src/plugins/vue/compiler/template/mustache.ts
+function renderMustache(expression, context) {
+	return context.mustacheInterpolation === "spaced" ? `{{ ${expression} }}` : `{{${expression}}}`;
+}
+
 //#endregion
 //#region src/plugins/vue/compiler/template/attributes.ts
 function toWxmlStringLiteral(value) {
@@ -4516,7 +4588,7 @@ function toWxmlStringLiteral(value) {
 function cloneForStack(context) {
 	return context.forStack.map((info) => ({ ...info }));
 }
-function buildForIndexAccess(context) {
+function buildForIndexAccess$1(context) {
 	if (!context.forStack.length) return "";
 	return context.forStack.map((info) => `[${info.index ?? "index"}]`).join("");
 }
@@ -4529,15 +4601,15 @@ function mergeJsExpressionParts(parts) {
 	if (parts.length === 1) return parts[0];
 	return t.arrayExpression(parts);
 }
-function unwrapTsExpression(node) {
-	if (t.isTSAsExpression(node) || t.isTSNonNullExpression(node) || t.isTSTypeAssertion(node)) return unwrapTsExpression(node.expression);
+function unwrapTsExpression$1(node) {
+	if (t.isTSAsExpression(node) || t.isTSNonNullExpression(node) || t.isTSTypeAssertion(node)) return unwrapTsExpression$1(node.expression);
 	return node;
 }
 function shouldPreferJsClassStyleRuntime(exp) {
 	const ast = parseBabelExpression(exp);
 	if (!ast) return true;
 	const visit = (node) => {
-		const current = unwrapTsExpression(node);
+		const current = unwrapTsExpression$1(node);
 		if (t.isIdentifier(current) || t.isMemberExpression(current) || t.isOptionalMemberExpression(current) || t.isCallExpression(current) || t.isOptionalCallExpression(current) || t.isThisExpression(current) || t.isSuper(current) || t.isAwaitExpression(current) || t.isYieldExpression(current) || t.isNewExpression(current)) return true;
 		if (t.isStringLiteral(current) || t.isNumericLiteral(current) || t.isBooleanLiteral(current) || t.isNullLiteral(current) || t.isBigIntLiteral(current) || t.isRegExpLiteral(current)) return false;
 		if (t.isTemplateLiteral(current)) return current.expressions.some((exp) => visit(exp));
@@ -4560,9 +4632,9 @@ function shouldPreferJsClassStyleRuntime(exp) {
 	return visit(ast);
 }
 function createClassStyleBinding(context, type, exp, expAst) {
-	const index = context.classStyleBindings.length;
+	const sameTypeCount = context.classStyleBindings.filter((binding) => binding.type === type).length;
 	return {
-		name: type === "class" ? `__wv_cls_${index}` : `__wv_style_${index}`,
+		name: type === "class" ? `__wv_cls_${sameTypeCount}` : type === "style" ? `__wv_style_${sameTypeCount}` : `__wv_bind_${sameTypeCount}`,
 		type,
 		exp,
 		expAst,
@@ -4579,7 +4651,7 @@ function renderClassAttribute(staticClass, dynamicClassExp, context) {
 		for (const part of normalizedParts) parts.push(`(${part})`);
 		const mergedExp = parts.length > 1 ? `[${parts.join(",")}]` : parts[0];
 		context.classStyleWxs = true;
-		return `class="{{__weapp_vite.cls(${mergedExp})}}"`;
+		return `class="${renderMustache(`__weapp_vite.cls(${mergedExp})`, context)}"`;
 	}
 	const jsParts = [];
 	if (staticValue) jsParts.push(t.stringLiteral(staticValue));
@@ -4588,8 +4660,8 @@ function renderClassAttribute(staticClass, dynamicClassExp, context) {
 	const expAst = mergeJsExpressionParts(jsParts);
 	const binding = createClassStyleBinding(context, "class", generateExpressionCode(expAst), expAst);
 	context.classStyleBindings.push(binding);
-	const indexAccess = buildForIndexAccess(context);
-	return `class="{{${binding.name}${indexAccess}}}"`;
+	const indexAccess = buildForIndexAccess$1(context);
+	return `class="${renderMustache(`${binding.name}${indexAccess}`, context)}"`;
 }
 function renderStyleAttribute(staticStyle, dynamicStyleExp, vShowExp, context) {
 	const staticValue = staticStyle?.trim();
@@ -4607,7 +4679,7 @@ function renderStyleAttribute(staticStyle, dynamicStyleExp, vShowExp, context) {
 		}
 		const mergedExp = parts.length > 1 ? `[${parts.join(",")}]` : parts[0] || "''";
 		context.classStyleWxs = true;
-		return `style="{{__weapp_vite.style(${mergedExp})}}"`;
+		return `style="${renderMustache(`__weapp_vite.style(${mergedExp})`, context)}"`;
 	}
 	const jsParts = [];
 	if (staticValue) jsParts.push(t.stringLiteral(staticValue));
@@ -4622,8 +4694,8 @@ 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(context);
-	return `style="{{${binding.name}${indexAccess}}}"`;
+	const indexAccess = buildForIndexAccess$1(context);
+	return `style="${renderMustache(`${binding.name}${indexAccess}`, context)}"`;
 }
 function transformAttribute(node, _context) {
 	const { name, value } = node;
@@ -4634,6 +4706,38 @@ function transformAttribute(node, _context) {
 
 //#endregion
 //#region src/plugins/vue/compiler/template/directives/bind.ts
+function unwrapTsExpression(node) {
+	if (node.type === "TSAsExpression" || node.type === "TSNonNullExpression" || node.type === "TSTypeAssertion") return unwrapTsExpression(node.expression);
+	return node;
+}
+function isTopLevelObjectLiteral(exp) {
+	const parsed = parseBabelExpression(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)}"`;
+}
+function createInlineObjectLiteralAttr(argValue, rawExpValue, context) {
+	const expValue = normalizeWxmlExpressionWithContext(rawExpValue, context).trim();
+	if (context.mustacheInterpolation === "spaced") return `${argValue}="${renderMustache(expValue, context)}"`;
+	return `${argValue}="{{ ${expValue} }}"`;
+}
 const isSimpleIdentifier = (value) => /^[A-Z_$][\w$]*$/i.test(value);
 const isSimpleMemberPath = (value) => /^[A-Z_$][\w$]*(?:\.[A-Z_$][\w$]*)*$/i.test(value);
 function transformBindDirective(node, context, forInfo) {
@@ -4641,8 +4745,10 @@ function transformBindDirective(node, context, forInfo) {
 	if (!arg) return null;
 	const argValue = arg.type === NodeTypes.SIMPLE_EXPRESSION ? arg.content : "";
 	if (!exp) return null;
-	const expValue = normalizeWxmlExpressionWithContext(exp.type === NodeTypes.SIMPLE_EXPRESSION ? exp.content : "", context);
+	const rawExpValue = exp.type === NodeTypes.SIMPLE_EXPRESSION ? exp.content : "";
+	if (!rawExpValue) return null;
 	if (argValue === "key") {
+		const expValue = normalizeWxmlExpressionWithContext(rawExpValue, context);
 		const trimmed = expValue.trim();
 		const warnKeyFallback = (reason) => {
 			if (!forInfo) return;
@@ -4666,7 +4772,11 @@ function transformBindDirective(node, context, forInfo) {
 		}
 		return context.platform.keyAttr(expValue);
 	}
-	return `${argValue}="{{${expValue}}}"`;
+	if (isTopLevelObjectLiteral(rawExpValue)) {
+		if (context.objectLiteralBindMode === "inline") return createInlineObjectLiteralAttr(argValue, rawExpValue, context);
+		return createBindRuntimeAttr(argValue, rawExpValue, context);
+	}
+	return `${argValue}="${renderMustache(normalizeWxmlExpressionWithContext(rawExpValue, context), context)}"`;
 }
 
 //#endregion
@@ -4690,8 +4800,8 @@ function transformCustomDirective(name, exp, arg, context) {
 	const dataAttrName = `data-v-${name}`;
 	if (exp && exp.type === NodeTypes.SIMPLE_EXPRESSION) {
 		const expValue = normalizeWxmlExpressionWithContext(exp.content, context);
-		if (/^[a-z_$][\w$]*$/i.test(expValue)) return `${dataAttrName}="{{${expValue}}}"`;
-		return `${dataAttrName}="{{${expValue}}}"`;
+		if (/^[a-z_$][\w$]*$/i.test(expValue)) return `${dataAttrName}="${renderMustache(expValue, context)}"`;
+		return `${dataAttrName}="${renderMustache(expValue, context)}"`;
 	}
 	if (arg && arg.type === NodeTypes.SIMPLE_EXPRESSION) return `${dataAttrName}="${arg.content}"`;
 	context.warnings.push(`自定义指令 v-${name} 可能需要运行时支持。已生成 data 属性：${dataAttrName}`);
@@ -4712,24 +4822,24 @@ function transformVModel(element, expValue, context) {
 	const bindModel = (event) => {
 		return `${context.platform.eventBindingAttr(event)}="__weapp_vite_model" data-wv-model="${escapedModel}"`;
 	};
-	if (!element) return `value="{{${expValue}}}" ${bindModel("input")}`;
+	if (!element) return `value="${renderMustache(expValue, context)}" ${bindModel("input")}`;
 	const tag = element.tag;
 	const typeAttr = getElementType(element);
 	switch (tag) {
 		case "input": switch (typeAttr) {
-			case "checkbox": return `checked="{{${expValue}}}" ${bindModel("change")}`;
-			case "radio": return `value="{{${expValue}}}" ${bindModel("change")}`;
-			default: return `value="{{${expValue}}}" ${bindModel("input")}`;
+			case "checkbox": return `checked="${renderMustache(expValue, context)}" ${bindModel("change")}`;
+			case "radio": return `value="${renderMustache(expValue, context)}" ${bindModel("change")}`;
+			default: return `value="${renderMustache(expValue, context)}" ${bindModel("input")}`;
 		}
-		case "textarea": return `value="{{${expValue}}}" ${bindModel("input")}`;
-		case "select": return `value="{{${expValue}}}" ${bindModel("change")}`;
+		case "textarea": return `value="${renderMustache(expValue, context)}" ${bindModel("input")}`;
+		case "select": return `value="${renderMustache(expValue, context)}" ${bindModel("change")}`;
 		case "switch":
-		case "checkbox": return `checked="{{${expValue}}}" ${bindModel("change")}`;
-		case "slider": return `value="{{${expValue}}}" ${bindModel("change")}`;
-		case "picker": return `value="{{${expValue}}}" ${bindModel("change")}`;
+		case "checkbox": return `checked="${renderMustache(expValue, context)}" ${bindModel("change")}`;
+		case "slider": return `value="${renderMustache(expValue, context)}" ${bindModel("change")}`;
+		case "picker": return `value="${renderMustache(expValue, context)}" ${bindModel("change")}`;
 		default:
 			context.warnings.push(`在 <${tag}> 上使用 v-model 可能无法按预期工作，已使用默认绑定。`);
-			return `value="{{${expValue}}}" ${bindModel("input")}`;
+			return `value="${renderMustache(expValue, context)}" ${bindModel("input")}`;
 	}
 }
 function transformModelDirective(node, context, elementNode) {
@@ -4741,9 +4851,9 @@ function transformModelDirective(node, context, elementNode) {
 //#endregion
 //#region src/plugins/vue/compiler/template/directives/on.ts
 const isSimpleHandler = (value) => /^[A-Z_$][\w$]*$/i.test(value);
-function buildInlineScopeAttrs(scopeBindings) {
+function buildInlineScopeAttrs(scopeBindings, context) {
 	return scopeBindings.map((binding, index) => {
-		return `data-wv-s${index}="{{${binding.replace(/"/g, "&quot;")}}}"`;
+		return `data-wv-s${index}="${renderMustache(binding.replace(/"/g, "&quot;"), context)}"`;
 	});
 }
 function resolveEventPrefix(modifiers) {
@@ -4770,7 +4880,7 @@ function transformOnDirective(node, context) {
 	const bindAttr = context.platform.eventBindingAttr(`${eventPrefix}:${mappedEvent}`);
 	if (context.rewriteScopedSlot) {
 		if (inlineExpression) {
-			const scopeAttrs = buildInlineScopeAttrs(inlineExpression.scopeBindings);
+			const scopeAttrs = buildInlineScopeAttrs(inlineExpression.scopeBindings, context);
 			return [
 				`data-wv-inline-id="${inlineExpression.id}"`,
 				...scopeAttrs,
@@ -4785,7 +4895,7 @@ function transformOnDirective(node, context) {
 	}
 	const expValue = normalizeWxmlExpressionWithContext(rawExpValue, context);
 	if (inlineExpression) {
-		const scopeAttrs = buildInlineScopeAttrs(inlineExpression.scopeBindings);
+		const scopeAttrs = buildInlineScopeAttrs(inlineExpression.scopeBindings, context);
 		return [
 			`data-wv-inline-id="${inlineExpression.id}"`,
 			...scopeAttrs,
@@ -4801,7 +4911,7 @@ function transformOnDirective(node, context) {
 function transformShowDirective(node, context) {
 	const { exp } = node;
 	if (!exp) return null;
-	return `style="{{${normalizeWxmlExpressionWithContext(exp.type === NodeTypes.SIMPLE_EXPRESSION ? exp.content : "", context)} ? '' : 'display: none'}}"`;
+	return `style="${renderMustache(`${normalizeWxmlExpressionWithContext(exp.type === NodeTypes.SIMPLE_EXPRESSION ? exp.content : "", context)} ? '' : 'display: none'`, context)}"`;
 }
 
 //#endregion
@@ -4918,7 +5028,7 @@ function collectElementAttributes(node, context, options) {
 //#region src/plugins/vue/compiler/template/elements/tag-slot.ts
 function renderSlotNameAttribute(info, context, attrName) {
 	if (info.type === "static" && info.value !== "default") return `${attrName}="${info.value}"`;
-	if (info.type === "dynamic") return `${attrName}="{{${normalizeWxmlExpressionWithContext(info.exp, context)}}}"`;
+	if (info.type === "dynamic") return `${attrName}="${renderMustache(normalizeWxmlExpressionWithContext(info.exp, context), context)}"`;
 }
 function resolveSlotNameFromDirective(slotDirective) {
 	if (!slotDirective.arg) return { type: "default" };
@@ -5116,8 +5226,9 @@ function transformSlotElement(node, context, transformNode) {
 	if (context.scopedSlotsRequireProps && !slotPropsExp) return slotTag;
 	const genericKey = `scoped-slots-${resolveSlotKey(context, slotNameInfo)}`;
 	context.componentGenerics[genericKey] = true;
-	const scopedAttrs = [`__wv-owner-id="{{__wvSlotOwnerId}}"`, `__wv-slot-props="{{${slotPropsExp ?? "[]"}}}"`];
-	if (context.slotMultipleInstance) scopedAttrs.push(`__wv-slot-scope="{{__wvSlotScope}}"`);
+	const resolvedSlotPropsExp = slotPropsExp ?? "[]";
+	const scopedAttrs = [`__wv-owner-id="${renderMustache("__wvSlotOwnerId", context)}"`, `__wv-slot-props="${renderMustache(resolvedSlotPropsExp, context)}"`];
+	if (context.slotMultipleInstance) scopedAttrs.push(`__wv-slot-scope="${renderMustache("__wvSlotScope", context)}"`);
 	return `${slotTag}${`<${genericKey}${scopedAttrs.length ? ` ${scopedAttrs.join(" ")}` : ""} />`}`;
 }
 function transformSlotElementPlain(node, context, transformNode) {
@@ -5166,7 +5277,7 @@ function transformComponentWithSlots(node, context, transformNode, options) {
 			isComponent: true
 		});
 		let children = node.children.map((child) => transformNode(child, context)).join("");
-		if (vTextExp !== void 0) children = `{{${vTextExp}}}`;
+		if (vTextExp !== void 0) children = renderMustache(vTextExp, context);
 		const attrString = attrs.length ? ` ${attrs.join(" ")}` : "";
 		const { tag } = node;
 		return children ? `<${tag}${attrString}>${children}</${tag}>` : `<${tag}${attrString} />`;
@@ -5196,11 +5307,11 @@ function transformComponentWithSlots(node, context, transformNode, options) {
 		...attrs,
 		...slotGenericAttrs
 	];
-	if (slotNames.length) mergedAttrs.push(`vue-slots="{{[${slotNames.join(",")}]}}"`);
+	if (slotNames.length) mergedAttrs.push(`vue-slots="${renderMustache(`[${slotNames.join(",")}]`, context)}"`);
 	if (scopedSlotDeclarations.length) {
 		const scopePropsExp = buildScopePropsExpression(context);
-		if (scopePropsExp) mergedAttrs.push(`__wv-slot-scope="{{${scopePropsExp}}}"`);
-		mergedAttrs.push(`__wv-slot-owner-id="{{__wvOwnerId || ''}}"`);
+		if (scopePropsExp) mergedAttrs.push(`__wv-slot-scope="${renderMustache(scopePropsExp, context)}"`);
+		mergedAttrs.push(`__wv-slot-owner-id="${renderMustache(`__wvOwnerId || ''`, context)}"`);
 	}
 	const attrString = mergedAttrs.length ? ` ${mergedAttrs.join(" ")}` : "";
 	const { tag } = node;
@@ -5236,7 +5347,7 @@ function transformComponentWithSlotsFallback(node, context, transformNode, optio
 			isComponent: true
 		});
 		let children = node.children.map((child) => transformNode(child, context)).join("");
-		if (vTextExp !== void 0) children = `{{${vTextExp}}}`;
+		if (vTextExp !== void 0) children = renderMustache(vTextExp, context);
 		const attrString = attrs.length ? ` ${attrs.join(" ")}` : "";
 		const { tag } = node;
 		return children ? `<${tag}${attrString}>${children}</${tag}>` : `<${tag}${attrString} />`;
@@ -5273,7 +5384,7 @@ function transformComponentElement(node, context, transformNode) {
 	if (slotDirective || templateSlotChildren.length > 0) return transformComponentWithSlots({
 		...node,
 		props: otherProps
-	}, context, transformNode, { extraAttrs: [`data-is="{{${componentVar}}}"`] });
+	}, context, transformNode, { extraAttrs: [`data-is="${renderMustache(componentVar, context)}"`] });
 	for (const prop of otherProps) if (prop.type === NodeTypes.ATTRIBUTE) {
 		const attr = transformAttribute(prop, context);
 		if (attr) attrs.push(attr);
@@ -5284,7 +5395,7 @@ function transformComponentElement(node, context, transformNode) {
 	const children = node.children.map((child) => transformNode(child, context)).join("");
 	const attrString = attrs.length ? ` ${attrs.join(" ")}` : "";
 	context.warnings.push("动态组件使用 data-is 属性，可能需要小程序运行时支持。");
-	return `<component data-is="{{${componentVar}}}"${attrString}>${children}</component>`;
+	return `<component data-is="${renderMustache(componentVar, context)}"${attrString}>${children}</component>`;
 }
 
 //#endregion
@@ -5297,7 +5408,7 @@ function transformNormalElement(node, context, transformNode) {
 	const { attrs, vTextExp } = collectElementAttributes(node, context);
 	let children = "";
 	if (node.children.length > 0) children = node.children.map((child) => transformNode(child, context)).join("");
-	if (vTextExp !== void 0) children = `{{${vTextExp}}}`;
+	if (vTextExp !== void 0) children = renderMustache(vTextExp, context);
 	const attrString = attrs.length ? ` ${attrs.join(" ")}` : "";
 	return children ? `<${tag}${attrString}>${children}</${tag}>` : `<${tag}${attrString} />`;
 }
@@ -5305,6 +5416,7 @@ function transformNormalElement(node, context, transformNode) {
 //#endregion
 //#region src/plugins/vue/compiler/template/elements/tag-structural.ts
 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"));
 	if (!ifDirective)
  /* istanbul ignore next */
@@ -5320,14 +5432,15 @@ function transformIfElement(node, context, transformNode) {
 	const dir = ifDirective;
 	if (dir.name === "if" && dir.exp) {
 		const expValue = normalizeWxmlExpressionWithContext(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context);
-		return context.platform.wrapIf(expValue, content);
+		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);
-		return context.platform.wrapElseIf(expValue, content);
+		return context.platform.wrapElseIf(expValue, content, renderTemplateMustache);
 	} else if (dir.name === "else") return context.platform.wrapElse(content);
 	return content;
 }
 function transformForElement(node, context, transformNode) {
+	const renderTemplateMustache = (exp) => renderMustache(exp, context);
 	const forDirective = node.props.find((prop) => prop.type === NodeTypes.DIRECTIVE && prop.name === "for");
 	if (!forDirective || !forDirective.exp) return transformNormalElement(node, context, transformNode);
 	const forInfo = parseForExpression(forDirective.exp.type === NodeTypes.SIMPLE_EXPRESSION ? forDirective.exp.content : "");
@@ -5353,7 +5466,7 @@ function transformForElement(node, context, transformNode) {
 			...node,
 			props: otherProps
 		};
-		const extraAttrs = listExp ? context.platform.forAttrs(listExp, forInfo.item, forInfo.index) : [];
+		const extraAttrs = listExp ? context.platform.forAttrs(listExp, renderTemplateMustache, forInfo.item, forInfo.index) : [];
 		const slotDirective = findSlotDirective(elementWithoutFor);
 		const templateSlotChildren = elementWithoutFor.children.filter((child) => child.type === NodeTypes.ELEMENT && child.tag === "template" && findSlotDirective(child));
 		if (slotDirective || templateSlotChildren.length > 0) return transformComponentWithSlots(elementWithoutFor, context, transformNode, {
@@ -5366,7 +5479,7 @@ function transformForElement(node, context, transformNode) {
 		});
 		let children = "";
 		if (elementWithoutFor.children.length > 0) children = elementWithoutFor.children.map((child) => transformNode(child, context)).join("");
-		if (vTextExp !== void 0) children = `{{${vTextExp}}}`;
+		if (vTextExp !== void 0) children = renderMustache(vTextExp, context);
 		const { tag } = elementWithoutFor;
 		const attrString = attrs.length ? ` ${attrs.join(" ")}` : "";
 		return children ? `<${tag}${attrString}>${children}</${tag}>` : `<${tag}${attrString} />`;
@@ -5386,6 +5499,7 @@ function transformKeepAliveElement(node, context, transformNode) {
 	return `<block data-keep-alive="true">${node.children.map((child) => transformNode(child, context)).join("")}</block>`;
 }
 function transformTemplateElement(node, context, transformNode) {
+	const renderTemplateMustache = (exp) => renderMustache(exp, context);
 	let nameAttr = "";
 	let isAttr = "";
 	let dataAttr = "";
@@ -5420,11 +5534,11 @@ function transformTemplateElement(node, context, transformNode) {
 			};
 			if (dir.name === "if" && dir.exp) {
 				const expValue = normalizeWxmlExpressionWithContext(dir.exp.type === NodeTypes.SIMPLE_EXPRESSION ? dir.exp.content : "", context);
-				return context.platform.wrapIf(expValue, children);
+				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);
-				return context.platform.wrapElseIf(expValue, children);
+				return context.platform.wrapElseIf(expValue, children, renderTemplateMustache);
 			}
 			if (dir.name === "else") return context.platform.wrapElse(children);
 			return transformIfElement(fakeNode, context, transformNode);
@@ -5465,9 +5579,9 @@ function transformText(node, _context) {
 }
 function transformInterpolation(node, context) {
 	const { content } = node;
-	if (content.type === NodeTypes.SIMPLE_EXPRESSION) return `{{${normalizeWxmlExpressionWithContext(content.content, context)}}}`;
+	if (content.type === NodeTypes.SIMPLE_EXPRESSION) return renderMustache(normalizeWxmlExpressionWithContext(content.content, context), context);
 	/* istanbul ignore next */
-	return "{{}}";
+	return renderMustache("", context);
 }
 function transformNode(node, context) {
 	switch (node.type) {
@@ -5510,6 +5624,8 @@ function compileVueTemplateToWxml(template, filename, options) {
 			slotPropStack: [],
 			rewriteScopedSlot: false,
 			classStyleRuntime: resolvedRuntime === "wxs" ? "wxs" : "js",
+			objectLiteralBindMode: options?.objectLiteralBindMode ?? "runtime",
+			mustacheInterpolation: options?.mustacheInterpolation ?? "compact",
 			classStyleBindings: [],
 			classStyleWxs: false,
 			classStyleWxsExtension: wxsExtension,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wevu/compiler",
   "type": "module",
-  "version": "0.1.1",
+  "version": "6.6.3",
   "description": "wevu 编译器基础包，面向小程序模板的编译与转换",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -53,8 +53,8 @@
     "merge": "^2.1.1",
     "pathe": "^2.0.3",
     "vue": "^3.5.28",
-    "rolldown-require": "2.0.6",
-    "@weapp-core/shared": "3.0.1"
+    "@weapp-core/shared": "3.0.1",
+    "rolldown-require": "2.0.6"
   },
   "publishConfig": {
     "access": "public",