@wevu/compiler 6.21.0 → 6.23.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { createRequire } from "node:module";
-import { WEAPP_VITE_RUNTIME_REACTIVITY_VIRTUAL_ID, WEAPP_VITE_RUNTIME_TEMPLATE_VIRTUAL_ID, WEAPP_VITE_RUNTIME_VIRTUAL_ID, WEVU_CLASS_STYLE_RUNTIME_FILE, WEVU_CLASS_STYLE_RUNTIME_MODULE, WEVU_EXPRESSION_ERROR_IDENTIFIER, WEVU_FUNCTION_PROP_PATHS_KEY, WEVU_INLINE_HANDLER, WEVU_INLINE_MAP_KEY, WEVU_IS_PAGE_KEY, WEVU_JSX_ISLAND_DATA_KEY, WEVU_JSX_ISLAND_HANDLER, WEVU_JSX_ISLAND_TEMPLATE_NAME, WEVU_LAYOUT_HOSTS_KEY, WEVU_LAYOUT_HOST_ID_PREFIX, WEVU_LAYOUT_HOST_REF_PREFIX, WEVU_MODEL_HANDLER, WEVU_OWNER_HANDLER, WEVU_PROPS_ALIASES_KEY, WEVU_PROPS_DERIVED_KEYS_KEY, WEVU_PROPS_KEY, WEVU_SLOT_FALLBACK_VIRTUAL_HOST_BASE, WEVU_SLOT_FALLBACK_VIRTUAL_HOST_TAG_NAME, WEVU_SLOT_FUNCTION_TOKEN, WEVU_SLOT_NAMES_ATTR, WEVU_SLOT_NAMES_PROP, WEVU_SLOT_OWNER_ID_ATTR, WEVU_SLOT_OWNER_ID_KEY, WEVU_SLOT_OWNER_ID_PROP, WEVU_SLOT_OWNER_KEY, WEVU_SLOT_OWNER_PROXY_KEY, WEVU_SLOT_PROPS_ATTR, WEVU_SLOT_PROPS_DATA_KEY, WEVU_SLOT_PROPS_KEY, WEVU_SLOT_SCOPE_ATTR, WEVU_SLOT_SCOPE_KEY, WEVU_TEMPLATE_REFS_KEY, WEVU_TEMPLATE_REF_CLASS_PREFIX } from "@weapp-core/constants";
-import { getMiniProgramRuntimeGlobalKeys, getMiniProgramTemplatePreset, removeExtensionDeep } from "@weapp-core/shared";
+import { WEAPP_I18N_RUNTIME_MARKER, WEAPP_VITE_RUNTIME_REACTIVITY_VIRTUAL_ID, WEAPP_VITE_RUNTIME_TEMPLATE_VIRTUAL_ID, WEAPP_VITE_RUNTIME_VIRTUAL_ID, WEVU_CLASS_STYLE_RUNTIME_FILE, WEVU_CLASS_STYLE_RUNTIME_MODULE, WEVU_CSS_MODULES_KEY, WEVU_CSS_VARS_STYLE_KEY, WEVU_EXPRESSION_ERROR_IDENTIFIER, WEVU_FUNCTION_PROP_PATHS_KEY, WEVU_INLINE_HANDLER, WEVU_INLINE_MAP_KEY, WEVU_IS_PAGE_KEY, WEVU_JSX_ISLAND_DATA_KEY, WEVU_JSX_ISLAND_HANDLER, WEVU_JSX_ISLAND_TEMPLATE_NAME, WEVU_LAYOUT_HOSTS_KEY, WEVU_LAYOUT_HOST_ID_PREFIX, WEVU_LAYOUT_HOST_REF_PREFIX, WEVU_MODEL_HANDLER, WEVU_OWNER_HANDLER, WEVU_PROPS_ALIASES_KEY, WEVU_PROPS_DERIVED_KEYS_KEY, WEVU_PROPS_KEY, WEVU_SLOT_FALLBACK_VIRTUAL_HOST_BASE, WEVU_SLOT_FALLBACK_VIRTUAL_HOST_TAG_NAME, WEVU_SLOT_FUNCTION_TOKEN, WEVU_SLOT_NAMES_ATTR, WEVU_SLOT_NAMES_PROP, WEVU_SLOT_OWNER_ID_ATTR, WEVU_SLOT_OWNER_ID_KEY, WEVU_SLOT_OWNER_ID_PROP, WEVU_SLOT_OWNER_KEY, WEVU_SLOT_OWNER_PROXY_KEY, WEVU_SLOT_PROPS_ATTR, WEVU_SLOT_PROPS_DATA_KEY, WEVU_SLOT_PROPS_KEY, WEVU_SLOT_SCOPE_ATTR, WEVU_SLOT_SCOPE_KEY, WEVU_TEMPLATE_REFS_KEY, WEVU_TEMPLATE_REF_CLASS_PREFIX } from "@weapp-core/constants";
+import { escapeWxmlAttribute, escapeWxmlText, getMiniProgramRuntimeGlobalKeys, getMiniProgramTemplatePreset, removeExtensionDeep } from "@weapp-core/shared";
 import path from "pathe";
 import { NodeTypes, baseParse } from "@vue/compiler-core";
 import { createHash } from "node:crypto";
@@ -18,7 +18,7 @@ import { LRUCache } from "lru-cache";
 import { collectJsxImportedComponentsAndDefaultExportFromBabelAst, collectJsxTemplateTagsFromBabelExpression, getObjectPropertyByKey, getRenderPropertyFromComponentOptions, parseJsLikeWithEngine, resolveRenderExpressionFromComponentOptions, toStaticObjectKey, unwrapTypeScriptExpression } from "@weapp-vite/ast";
 import vueJsxPlugin from "@vue/babel-plugin-jsx";
 import { transformSync } from "@weapp-vite/ast/babelCore";
-import { compileScript, parse } from "vue/compiler-sfc";
+import { compileScript, compileStyleAsync, parse } from "vue/compiler-sfc";
 import { fileURLToPath } from "node:url";
 import postcss from "postcss";
 import selectorParser from "postcss-selector-parser";
@@ -2523,6 +2523,8 @@ const INTERNAL_RUNTIME_VALUE_EXPORTS = /* @__PURE__ */ new Set([
 	"triggerRef",
 	"unref",
 	"useAttrs",
+	"useCssModule",
+	"useCssVars",
 	"useAsyncPullDownRefresh",
 	"useBindModel",
 	"useBoundingClientRect",
@@ -2605,6 +2607,8 @@ function createImportVisitors(program, state) {
 				"resolveComponent",
 				"resolveDirective",
 				"useAttrs",
+				"useCssModule",
+				"useCssVars",
 				"useSlots",
 				"useModel",
 				"mergeModels",
@@ -3060,7 +3064,8 @@ function buildForExpression(binding, forStack, level, helpers) {
 	if (level >= forStack.length) return buildNormalizedExpression(binding, helpers);
 	const info = forStack[level];
 	const listId = t.identifier(`__wv_list_${level}`);
-	const listExp = info.listExpAst ? t.cloneNode(info.listExpAst, true) : t.arrayExpression([]);
+	const listExpAst = !binding.exp.startsWith("v-for :key ") && info.projectedListExpAst ? info.projectedListExpAst : info.listExpAst;
+	const listExp = listExpAst ? t.cloneNode(listExpAst, true) : t.arrayExpression([]);
 	const unrefHelper = helpers.unref ? t.cloneNode(helpers.unref) : t.identifier("unref");
 	const listUnrefExp = t.callExpression(unrefHelper, [listExp]);
 	const listDecl = t.variableDeclaration("let", [t.variableDeclarator(listId, t.arrayExpression([]))]);
@@ -3673,6 +3678,14 @@ function injectFunctionPropPaths(componentOptionsObject, paths) {
 	componentOptionsObject.properties.push(t.objectProperty(t.identifier(WEVU_FUNCTION_PROP_PATHS_KEY), t.arrayExpression(uniquePaths.map((path) => t.stringLiteral(path)))));
 	return true;
 }
+function createObjectLiteral(value) {
+	return t.objectExpression(Object.entries(value).map(([key, item]) => t.objectProperty(t.stringLiteral(key), item && typeof item === "object" && !Array.isArray(item) ? createObjectLiteral(item) : t.valueToNode(item))));
+}
+function injectCssModules(componentOptionsObject, modules) {
+	if (hasStaticProperty(componentOptionsObject, WEVU_CSS_MODULES_KEY)) return false;
+	componentOptionsObject.properties.push(t.objectProperty(t.stringLiteral(WEVU_CSS_MODULES_KEY), createObjectLiteral(modules)));
+	return true;
+}
 function createScopedSlotHostPropertyDefinition(typeName, value) {
 	return t.objectExpression([t.objectProperty(t.identifier("type"), typeName === "String" ? t.identifier("String") : t.nullLiteral()), t.objectProperty(t.identifier("value"), value === null ? t.nullLiteral() : t.stringLiteral(value))]);
 }
@@ -3806,6 +3819,7 @@ function rewriteDefaultExport(ast, state, options, enabledPageFeatures, serializ
 	if (componentOptionsObject) transformed = injectSetupInitialData(componentOptionsObject) || transformed;
 	if (componentOptionsObject && options?.relaxStructuredTypeOnlyProps) transformed = relaxStructuredTypeOnlyProps(componentOptionsObject) || transformed;
 	if (componentOptionsObject && options?.scopedSlotHostProperties) transformed = injectScopedSlotHostProperties(componentOptionsObject) || transformed;
+	if (componentOptionsObject && options?.cssModules && Object.keys(options.cssModules).length) transformed = injectCssModules(componentOptionsObject, options.cssModules) || transformed;
 	if (componentOptionsObject) {
 		transformed = injectPropsAliases(componentOptionsObject, options?.propsAliases) || transformed;
 		transformed = injectPropsDerivedKeys(componentOptionsObject, options?.propsDerivedKeys) || transformed;
@@ -3928,6 +3942,31 @@ function createInlineExpressionId(seed) {
 	return `i${seed.toString(36)}`;
 }
 //#endregion
+//#region src/plugins/vue/compiler/template/expression/numeric.ts
+const DIGIT_NUMERIC_SEPARATOR_RE = /\d_\d/;
+const NON_DECIMAL_NUMERIC_LITERAL_RE = /\b0[bxo][\da-f_]/i;
+const DECIMAL_BIGINT_LITERAL_RE = /\b\d[\d_]*n\b/;
+const NON_DECIMAL_NUMERIC_RAW_RE = /^0[bxo]/i;
+function hasExtendedNumericLiteralSyntax(exp) {
+	return DIGIT_NUMERIC_SEPARATOR_RE.test(exp) || NON_DECIMAL_NUMERIC_LITERAL_RE.test(exp) || DECIMAL_BIGINT_LITERAL_RE.test(exp);
+}
+function serializeBigIntForWxml(value) {
+	const asNumber = Number(value);
+	if (!Number.isSafeInteger(asNumber)) return t.stringLiteral(value.toString());
+	return asNumber < 0 ? t.unaryExpression("-", t.numericLiteral(Math.abs(asNumber))) : t.numericLiteral(asNumber);
+}
+function normalizeTopLevelBigInt(expression) {
+	if (t.isBigIntLiteral(expression)) return serializeBigIntForWxml(BigInt(expression.value));
+	if (t.isUnaryExpression(expression, { operator: "-" }) && t.isBigIntLiteral(expression.argument)) return serializeBigIntForWxml(-BigInt(expression.argument.value));
+	return expression;
+}
+function canonicalizeNumericLiteral(node) {
+	const raw = node.extra?.raw;
+	if (typeof raw !== "string" || !raw.includes("_") && !NON_DECIMAL_NUMERIC_RAW_RE.test(raw)) return;
+	delete node.extra?.raw;
+	delete node.extra?.rawValue;
+}
+//#endregion
 //#region src/plugins/vue/compiler/template/expression/wxml.ts
 function templateLiteralToConcat(node) {
 	const segments = [];
@@ -4027,7 +4066,8 @@ function normalizeWxmlExpression(exp) {
 	const hasTypeScriptSyntax = /\s(?:as|satisfies)\s/.test(exp) || /[\w$)\]]!(?=[.[\s,);:?]|$)/.test(exp) || /^\s*<[^>]+>/.test(exp);
 	const needsVueSlotsRewrite = exp.includes("$slots");
 	const needsThisRewrite = /\bthis\./.test(exp);
-	if (!exp.includes("`") && !exp.includes("??") && !exp.includes("?.") && !hasTypeScriptSyntax && !needsVueSlotsRewrite && !needsThisRewrite) return exp;
+	const needsNumericLiteralRewrite = hasExtendedNumericLiteralSyntax(exp);
+	if (!exp.includes("`") && !exp.includes("??") && !exp.includes("?.") && !hasTypeScriptSyntax && !needsVueSlotsRewrite && !needsThisRewrite && !needsNumericLiteralRewrite) return exp;
 	try {
 		const ast = parse$3(`(${exp})`, {
 			sourceType: "module",
@@ -4036,6 +4076,8 @@ function normalizeWxmlExpression(exp) {
 		const stmt = ast.program.body[0];
 		if (!stmt || !("expression" in stmt)) return exp;
 		if (needsVueSlotsRewrite) rewriteVueSlotsExpression(ast);
+		const expressionStatement = stmt;
+		expressionStatement.expression = normalizeTopLevelBigInt(expressionStatement.expression);
 		traverse(ast, {
 			MemberExpression: { exit(path) {
 				const node = path.node;
@@ -4052,6 +4094,9 @@ function normalizeWxmlExpression(exp) {
 			TSTypeAssertion(path) {
 				path.replaceWith(path.node.expression);
 			},
+			NumericLiteral(path) {
+				canonicalizeNumericLiteral(path.node);
+			},
 			OptionalMemberExpression: { exit(path) {
 				if (isOptionalChainNode(path.parentPath.node)) return;
 				path.replaceWith(lowerOptionalChain(path.node));
@@ -4089,8 +4134,6 @@ function normalizeWxmlExpression(exp) {
 }
 //#endregion
 //#region src/plugins/jsx/compileJsx/ast.ts
-const ESCAPED_TEXT_RE = /[&<>]/g;
-const ESCAPED_ATTR_RE = /[&"<>]/g;
 const WXML_EXPRESSION_GENERATE_OPTIONS = {
 	compact: true,
 	jsescOption: {
@@ -4098,23 +4141,8 @@ const WXML_EXPRESSION_GENERATE_OPTIONS = {
 		minimal: true
 	}
 };
-const ESCAPED_TEXT_MAP = {
-	"&": "&amp;",
-	"<": "&lt;",
-	">": "&gt;"
-};
-const ESCAPED_ATTR_MAP = {
-	"&": "&amp;",
-	"\"": "&quot;",
-	"<": "&lt;",
-	">": "&gt;"
-};
-function escapeText(value) {
-	return value.replace(ESCAPED_TEXT_RE, (ch) => ESCAPED_TEXT_MAP[ch] || ch);
-}
-function escapeAttr(value) {
-	return value.replace(ESCAPED_ATTR_RE, (ch) => ESCAPED_ATTR_MAP[ch] || ch);
-}
+const escapeText = escapeWxmlText;
+const escapeAttr = escapeWxmlAttribute;
 const WHITESPACE_RE = /\s+/g;
 function normalizeJsxText(value) {
 	return value.replace(WHITESPACE_RE, " ");
@@ -6609,106 +6637,69 @@ function transformNestedWxssVars(source) {
 }
 //#endregion
 //#region src/plugins/vue/compiler/style.ts
-const CSS_RULE_RE = /([^{]+)(\{[^}]*\})/g;
-const CSS_CLASS_RE = /\.([a-z_][\w-]*)(?:\[[^\]]+\])?\s*\{/gi;
+function normalizeStyleError(error) {
+	return error instanceof Error ? error.message : String(error);
+}
+function hasSlottedScopeSelector(source, slottedScopeId) {
+	let found = false;
+	const processor = selectorParser((selectors) => {
+		selectors.walkAttributes((attribute) => {
+			if (attribute.attribute === slottedScopeId) found = true;
+		});
+	});
+	postcss.parse(source).walkRules((rule) => {
+		if (!found) processor.processSync(rule.selector);
+	});
+	return found;
+}
+/**
+* compiler-sfc 已在 scoped 插件中处理 deep 选择器，此函数保留为兼容入口。
+*/
 function transformVueDeepSelectors(source) {
-	if (!source.includes(":deep") && !source.includes("::v-deep")) return source;
 	const root = postcss.parse(source);
 	const processor = selectorParser((selectors) => {
 		selectors.walkTags((tag) => {
-			const name = tag.value.toLowerCase();
-			if (DEFAULT_HTML_TO_WXML_TAG_MAP[name] !== name && DEFAULT_HTML_TO_WXML_TAG_MAP[name]) tag.replaceWith(selectorParser.className({ value: name }));
+			const mapped = DEFAULT_HTML_TO_WXML_TAG_MAP[tag.value.toLowerCase()];
+			if (mapped && mapped !== tag.value.toLowerCase()) tag.replaceWith(selectorParser.className({ value: tag.value.toLowerCase() }));
 		});
 		selectors.walkPseudos((pseudo) => {
-			if (pseudo.value !== ":deep" && pseudo.value !== "::v-deep") return;
+			if (![":deep", "::v-deep"].includes(pseudo.value)) return;
 			const replacement = pseudo.nodes?.[0]?.nodes.map((node) => node.clone()) ?? [];
-			if (replacement.length > 0) pseudo.replaceWith(...replacement);
-			else {
-				const previous = pseudo.prev();
-				const next = pseudo.next();
-				if (next?.type === "combinator" && (!previous || previous.type === "combinator")) next.remove();
-				pseudo.remove();
-			}
+			replacement.length ? pseudo.replaceWith(...replacement) : pseudo.remove();
 		});
 	});
 	root.walkRules((rule) => {
-		if (rule.selector.includes(":deep") || rule.selector.includes("::v-deep")) rule.selector = processor.processSync(rule.selector);
+		rule.selector = processor.processSync(rule.selector).replace(/\s{2,}/g, " ").trim();
 	});
 	return root.toString();
 }
 /**
-* 转换 scoped CSS
-* 为每个选择器添加特定的 scoped 属性
+* 将 Vue SFC style 块编译为可交给 Vite CSS 管线的内容。
 */
-function transformScopedCss(source, id) {
-	const scopedId = `data-v-${id}`;
-	return source.replace(CSS_RULE_RE, (match, selector, rules) => {
-		const trimmedSelector = selector.trim();
-		if (!trimmedSelector) return match;
-		if (trimmedSelector.includes("[") || trimmedSelector.includes(":deep(") || trimmedSelector.includes(":slotted(")) return match;
-		if (trimmedSelector.startsWith("@")) return match;
-		return `${trimmedSelector.split(",").map((s) => {
-			return `${s.trim()}[${scopedId}]`;
-		}).join(", ")} ${rules}`;
+async function compileVueStyleToWxss(styleBlock, options) {
+	const filename = options.filename ?? `style-${options.id}.${styleBlock.lang || "css"}`;
+	const moduleName = typeof styleBlock.module === "string" ? styleBlock.module : typeof options.modules === "string" ? options.modules : "$style";
+	const modules = Boolean(options.modules || styleBlock.module);
+	const result = await compileStyleAsync({
+		filename,
+		id: `data-v-${options.id}`,
+		source: styleBlock.content,
+		scoped: options.transformScoped !== false && Boolean(options.scoped || styleBlock.scoped),
+		modules,
+		modulesOptions: modules ? { generateScopedName: (name) => `${name}_${options.id}` } : void 0,
+		preprocessLang: styleBlock.lang,
+		preprocessOptions: options.preprocessOptions
 	});
-}
-/**
-* 样式转换：CSS → WXSS
-* 处理小程序不支持的 CSS 特性
-*/
-/**
-* 生成简单的 hash
-*/
-function generateHash(str) {
-	let hash = 0;
-	for (let i = 0; i < str.length; i++) {
-		const char = str.charCodeAt(i);
-		hash = (hash << 5) - hash + char;
-		hash = hash & hash;
-	}
-	return Math.abs(hash).toString(36) + str.length.toString(36);
-}
-/**
-* 转换 CSS Modules
-*/
-function transformCssModules(source, id) {
-	const classes = {};
-	const hash = generateHash(id);
-	const classRegex = new RegExp(CSS_CLASS_RE.source, CSS_CLASS_RE.flags);
-	const foundClasses = [];
-	let result = classRegex.exec(source);
-	while (result !== null) {
-		foundClasses.push(result[1]);
-		result = classRegex.exec(source);
-	}
-	for (const className of foundClasses) classes[className] = `${className}_${hash}`;
-	let code = source;
-	for (const [original, scoped] of Object.entries(classes)) {
-		const regex = new RegExp(`\\.${original}\\b`, "g");
-		code = code.replace(regex, `.${scoped}`);
-	}
+	if (result.errors.length) throw new Error(`SFC 样式编译失败（${filename}）：${result.errors.map(normalizeStyleError).join("; ")}`);
 	return {
-		code,
-		classes
+		code: options.preserveDeepSelectors ? result.code : transformVueDeepSelectors(result.code),
+		map: result.map ? JSON.stringify(result.map) : void 0,
+		scopedId: options.scoped || styleBlock.scoped ? `data-v-${options.id}` : void 0,
+		usesSlotted: hasSlottedScopeSelector(result.code, `data-v-${options.id}-s`),
+		modules: result.modules ? { [moduleName]: result.modules } : void 0,
+		dependencies: [...result.dependencies]
 	};
 }
-/**
-* 将 Vue SFC 的 style 块转换为 WXSS
-*/
-function compileVueStyleToWxss(styleBlock, options) {
-	const { id, scoped, modules, preserveDeepSelectors, transformScoped = true } = options;
-	let code = styleBlock.content;
-	if (transformScoped && (scoped || styleBlock.scoped)) code = transformScopedCss(code, id);
-	if (modules || styleBlock.module) {
-		const moduleName = typeof styleBlock.module === "string" ? styleBlock.module : "$style";
-		const moduleResult = transformCssModules(code, id);
-		return {
-			code: preserveDeepSelectors ? moduleResult.code : transformVueDeepSelectors(moduleResult.code),
-			modules: { [moduleName]: moduleResult.classes }
-		};
-	}
-	return { code: preserveDeepSelectors ? code : transformVueDeepSelectors(code) };
-}
 //#endregion
 //#region src/plugins/vue/compiler/template/classStyleRuntime.ts
 /**
@@ -6968,11 +6959,93 @@ function getClassStyleWxsSource(options = {}) {
 	].join("\n");
 }
 //#endregion
-//#region src/plugins/vue/compiler/template/elements/forExpression.ts
+//#region src/plugins/vue/compiler/template/expression/inlineShared.ts
 const IDENTIFIER_RE$5 = /^[A-Z_$][\w$]*$/i;
+const INLINE_GLOBALS = /* @__PURE__ */ new Set([
+	"Math",
+	"Number",
+	"Date",
+	"Array",
+	"Object",
+	"Boolean",
+	"String",
+	"RegExp",
+	"Map",
+	"Set",
+	"JSON",
+	"Intl",
+	"Promise",
+	"console",
+	"Infinity",
+	"undefined",
+	"NaN",
+	"isFinite",
+	"isNaN",
+	"parseFloat",
+	"parseInt",
+	"decodeURI",
+	"decodeURIComponent",
+	"encodeURI",
+	"encodeURIComponent",
+	"require",
+	"arguments",
+	WEVU_CLASS_STYLE_RUNTIME_MODULE,
+	"__wevuUnref",
+	"globalThis",
+	"setTimeout",
+	"clearTimeout",
+	"setInterval",
+	"clearInterval",
+	"Page",
+	"App",
+	"Component",
+	"requirePlugin",
+	"getApp",
+	"getCurrentPages",
+	"ctx",
+	"scope",
+	...getMiniProgramRuntimeGlobalKeys()
+]);
+function createMemberAccess$1(target, prop) {
+	if (IDENTIFIER_RE$5.test(prop)) return t.memberExpression(t.identifier(target), t.identifier(prop));
+	return t.memberExpression(t.identifier(target), t.stringLiteral(prop), true);
+}
+function replaceIdentifierWithExpression$1(path, replacement) {
+	const parent = path.parentPath;
+	if (parent.isObjectProperty() && parent.node.shorthand && parent.node.key === path.node) {
+		parent.node.shorthand = false;
+		parent.node.value = replacement;
+		return;
+	}
+	path.replaceWith(replacement);
+}
+//#endregion
+//#region src/plugins/vue/compiler/template/expression/forItemAccess.ts
+function getForItemAccess(context, name) {
+	for (let index = context.forStack.length - 1; index >= 0; index -= 1) {
+		const forInfo = context.forStack[index];
+		if (forInfo?.item === name && forInfo.itemAccess) return forInfo.itemAccess;
+	}
+	return name;
+}
+function rewriteForItemAccess(ast, context) {
+	const itemAccesses = /* @__PURE__ */ new Map();
+	for (const forInfo of context.forStack) if (forInfo.item && forInfo.itemAccess) itemAccesses.set(forInfo.item, forInfo.itemAccess);
+	if (!itemAccesses.size) return;
+	traverse(ast, { Identifier(path) {
+		if (!path.isReferencedIdentifier() || path.scope.hasBinding(path.node.name)) return;
+		const replacement = itemAccesses.get(path.node.name);
+		if (!replacement) return;
+		replaceIdentifierWithExpression$1(path, replacement.split(".").slice(1).reduce((target, property) => t.memberExpression(target, t.identifier(property)), t.identifier(path.node.name)));
+		path.skip();
+	} });
+}
+//#endregion
+//#region src/plugins/vue/compiler/template/elements/forExpression.ts
+const IDENTIFIER_RE$4 = /^[A-Z_$][\w$]*$/i;
 const FOR_ITEM_ALIAS_PLACEHOLDER = "__wv_for_item__";
 function isIdentifier(value) {
-	return IDENTIFIER_RE$5.test(value);
+	return IDENTIFIER_RE$4.test(value);
 }
 function splitTopLevelByComma(input) {
 	const out = [];
@@ -7248,7 +7321,7 @@ function withSlotProps(context, mapping, fn) {
 		popSlotProps(context);
 	}
 }
-const IDENTIFIER_RE$4 = /^[A-Z_$][\w$]*$/i;
+const IDENTIFIER_RE$3 = /^[A-Z_$][\w$]*$/i;
 const BIND_SHORTHAND_ARG_RE = /^[A-Z_$][\w$]*(?:-[A-Z_$][\w$]*)*$/i;
 const BACKSLASH_RE$2 = /\\/g;
 const SINGLE_QUOTE_RE$2 = /'/g;
@@ -7269,7 +7342,7 @@ function collectScopePropMapping(context) {
 	const mapping = {};
 	if (!context.slotMultipleInstance) return mapping;
 	for (const scope of context.scopeStack) for (const name of scope) {
-		if (!IDENTIFIER_RE$4.test(name)) continue;
+		if (!IDENTIFIER_RE$3.test(name)) continue;
 		if (!hasOwn(mapping, name)) mapping[name] = name;
 	}
 	return mapping;
@@ -7281,7 +7354,7 @@ function buildScopePropsExpression(context) {
 	const mapping = collectScopePropMapping(context);
 	const keys = Object.keys(mapping);
 	if (!keys.length) return null;
-	return `[${keys.map((key) => `${toWxmlStringLiteral$1(key)},${key}`).join(",")}]`;
+	return `[${keys.map((key) => `${toWxmlStringLiteral$1(key)},${getForItemAccess(context, key)}`).join(",")}]`;
 }
 function hashString(input) {
 	let hash = 0;
@@ -7350,7 +7423,7 @@ function collectForAliasMapping$2(context) {
 	}
 	return mapping;
 }
-function replaceIdentifierWithExpression$1(path, replacement) {
+function replaceIdentifierWithExpression(path, replacement) {
 	const parent = path.parentPath;
 	if (parent.isObjectProperty() && parent.node.shorthand && parent.node.key === path.node) {
 		parent.node.shorthand = false;
@@ -7359,7 +7432,7 @@ function replaceIdentifierWithExpression$1(path, replacement) {
 	}
 	path.replaceWith(replacement);
 }
-const IDENTIFIER_RE$3 = /^[A-Z_$][\w$]*$/i;
+const IDENTIFIER_RE$2 = /^[A-Z_$][\w$]*$/i;
 function rewriteScopedSlotExpression(exp, context) {
 	const normalized = normalizeWxmlExpression(exp);
 	const parsed = parseBabelExpressionFile(normalized);
@@ -7370,7 +7443,7 @@ function rewriteScopedSlotExpression(exp, context) {
 	const forAliases = collectForAliasMapping$2(context);
 	const createMemberAccess = (target, prop) => {
 		if (!prop) return t.identifier(target);
-		if (IDENTIFIER_RE$3.test(prop)) return t.memberExpression(t.identifier(target), t.identifier(prop));
+		if (IDENTIFIER_RE$2.test(prop)) return t.memberExpression(t.identifier(target), t.identifier(prop));
 		return t.memberExpression(t.identifier(target), t.stringLiteral(prop), true);
 	};
 	traverse(ast, { Identifier(path) {
@@ -7381,17 +7454,18 @@ function rewriteScopedSlotExpression(exp, context) {
 		if (hasOwn(forAliases, name)) {
 			const aliasExp = parseBabelExpression(forAliases[name]);
 			if (aliasExp) {
-				replaceIdentifierWithExpression$1(path, t.cloneNode(aliasExp, true));
+				replaceIdentifierWithExpression(path, t.cloneNode(aliasExp, true));
 				return;
 			}
 		}
 		if (locals.has(name)) return;
 		if (hasOwn(slotProps, name)) {
-			replaceIdentifierWithExpression$1(path, createMemberAccess(WEVU_SLOT_PROPS_DATA_KEY, slotProps[name]));
+			replaceIdentifierWithExpression(path, createMemberAccess(WEVU_SLOT_PROPS_DATA_KEY, slotProps[name]));
 			return;
 		}
-		replaceIdentifierWithExpression$1(path, createMemberAccess(WEVU_SLOT_OWNER_KEY, name));
+		replaceIdentifierWithExpression(path, createMemberAccess(WEVU_SLOT_OWNER_KEY, name));
 	} });
+	rewriteForItemAccess(ast, context);
 	const stmt = ast.program.body[0];
 	const updatedExpression = stmt && "expression" in stmt ? stmt.expression : null;
 	return updatedExpression ? generateExpression(updatedExpression) : normalized;
@@ -7399,7 +7473,7 @@ function rewriteScopedSlotExpression(exp, context) {
 function rewriteForAliasExpression(exp, context) {
 	const normalized = normalizeWxmlExpression(exp);
 	const forAliases = collectForAliasMapping$2(context);
-	if (!Object.keys(forAliases).length) return normalized;
+	if (!Object.keys(forAliases).length && !context.forStack.some((forInfo) => forInfo.itemAccess)) return normalized;
 	const parsed = parseBabelExpressionFile(normalized);
 	if (!parsed) return normalized;
 	const { ast } = parsed;
@@ -7409,9 +7483,10 @@ function rewriteForAliasExpression(exp, context) {
 		if (path.scope.hasBinding(name)) return;
 		if (hasOwn(forAliases, name)) {
 			const aliasExp = parseBabelExpression(forAliases[name]);
-			if (aliasExp) replaceIdentifierWithExpression$1(path, t.cloneNode(aliasExp, true));
+			if (aliasExp) replaceIdentifierWithExpression(path, t.cloneNode(aliasExp, true));
 		}
 	} });
+	rewriteForItemAccess(ast, context);
 	const stmt = ast.program.body[0];
 	const updatedExpression = stmt && "expression" in stmt ? stmt.expression : null;
 	return updatedExpression ? generateExpression(updatedExpression) : normalized;
@@ -7521,68 +7596,89 @@ function normalizeStyleBindingExpression(exp, context) {
 	return out;
 }
 //#endregion
-//#region src/plugins/vue/compiler/template/expression/inline.ts
-const INLINE_GLOBALS = /* @__PURE__ */ new Set([
-	"Math",
-	"Number",
-	"Date",
-	"Array",
-	"Object",
-	"Boolean",
-	"String",
-	"RegExp",
-	"Map",
-	"Set",
-	"JSON",
-	"Intl",
-	"Promise",
-	"console",
-	"Infinity",
-	"undefined",
-	"NaN",
-	"isFinite",
-	"isNaN",
-	"parseFloat",
-	"parseInt",
-	"decodeURI",
-	"decodeURIComponent",
-	"encodeURI",
-	"encodeURIComponent",
-	"require",
-	"arguments",
-	WEVU_CLASS_STYLE_RUNTIME_MODULE,
-	"__wevuUnref",
-	"globalThis",
-	"setTimeout",
-	"clearTimeout",
-	"setInterval",
-	"clearInterval",
-	"Page",
-	"App",
-	"Component",
-	"requirePlugin",
-	"getApp",
-	"getCurrentPages",
-	"ctx",
-	"scope",
-	...getMiniProgramRuntimeGlobalKeys()
-]);
-const IDENTIFIER_RE$2 = /^[A-Z_$][\w$]*$/i;
+//#region src/plugins/vue/compiler/template/expression/forItemResolver.ts
 const SIMPLE_PATH_RE = /^[A-Z_$][\w$]*(?:\.[A-Z_$][\w$]*)*$/i;
-const SCRIPT_SETUP_REF_BINDINGS = /* @__PURE__ */ new Set(["setup-ref", "setup-maybe-ref"]);
-function createMemberAccess$1(target, prop) {
-	if (IDENTIFIER_RE$2.test(prop)) return t.memberExpression(t.identifier(target), t.identifier(prop));
-	return t.memberExpression(t.identifier(target), t.stringLiteral(prop), true);
+function rewriteForItemResolverExpression(rawExp, resolvedLocals, resolvedIndexes) {
+	const parsed = parseBabelExpressionFile(rawExp);
+	if (!parsed) return null;
+	traverse(parsed.ast, {
+		Identifier(path) {
+			if (!path.isReferencedIdentifier() || path.scope.hasBinding(path.node.name)) return;
+			const name = path.node.name;
+			const localExpression = resolvedLocals.get(name) ?? resolvedIndexes.get(name);
+			if (localExpression) {
+				replaceIdentifierWithExpression$1(path, t.cloneNode(localExpression, true));
+				path.skip();
+				return;
+			}
+			if (INLINE_GLOBALS.has(name)) return;
+			replaceIdentifierWithExpression$1(path, createMemberAccess$1("ctx", name));
+			path.skip();
+		},
+		ThisExpression(path) {
+			path.replaceWith(t.identifier("ctx"));
+		}
+	});
+	const statement = parsed.ast.program.body[0];
+	return statement && t.isExpressionStatement(statement) ? statement.expression : null;
 }
-function replaceIdentifierWithExpression(path, replacement) {
-	const parent = path.parentPath;
-	if (parent.isObjectProperty() && parent.node.shorthand && parent.node.key === path.node) {
-		parent.node.shorthand = false;
-		parent.node.value = replacement;
-		return;
+function buildNestedForItemResolverExpression(targetKey, targetLevel, context, slotProps, indexBindings) {
+	const resolvedLocals = /* @__PURE__ */ new Map();
+	const resolvedIndexes = /* @__PURE__ */ new Map();
+	for (let level = 0; level <= targetLevel; level += 1) {
+		const forInfo = context.forStack[level];
+		const listExp = forInfo?.listExp?.trim() ?? "";
+		const indexBinding = indexBindings[level];
+		if (!forInfo || !listExp || !indexBinding) return null;
+		const root = SIMPLE_PATH_RE.test(listExp) ? listExp.split(".")[0] : "";
+		if (root && hasOwn(slotProps, root) && !resolvedLocals.has(root)) return null;
+		const listExpression = rewriteForItemResolverExpression(listExp, resolvedLocals, resolvedIndexes);
+		if (!listExpression) return null;
+		const indexExpression = createMemberAccess$1("scope", indexBinding.key);
+		const itemExpression = t.memberExpression(listExpression, t.cloneNode(indexExpression), true);
+		if (forInfo.item) resolvedLocals.set(forInfo.item, itemExpression);
+		for (const [alias, aliasExp] of Object.entries(forInfo.itemAliases ?? {})) {
+			const resolvedAlias = rewriteForItemResolverExpression(aliasExp, resolvedLocals, resolvedIndexes);
+			if (resolvedAlias) resolvedLocals.set(alias, resolvedAlias);
+		}
+		const targetExpression = resolvedLocals.get(targetKey);
+		if (level === targetLevel && targetExpression) return generateExpression(t.arrowFunctionExpression([t.identifier("ctx"), t.identifier("scope")], t.cloneNode(targetExpression, true)));
+		resolvedIndexes.set(forInfo.index?.trim() || "index", indexExpression);
+		if (forInfo.key) resolvedIndexes.set(forInfo.key, indexExpression);
 	}
-	path.replaceWith(replacement);
+	return null;
 }
+function buildForItemResolverExpression(targetKey, context, slotProps, indexBindings) {
+	let targetLevel = -1;
+	for (let level = context.forStack.length - 1; level >= 0; level -= 1) {
+		const forInfo = context.forStack[level];
+		if (forInfo?.item === targetKey || hasOwn(forInfo?.itemAliases ?? {}, targetKey)) {
+			targetLevel = level;
+			break;
+		}
+	}
+	if (targetLevel < 0) return null;
+	const forInfo = context.forStack[targetLevel];
+	const listExp = forInfo?.listExp?.trim() ?? "";
+	const indexBinding = indexBindings[targetLevel];
+	if (!listExp || !indexBinding) return null;
+	if (forInfo?.item === targetKey && SIMPLE_PATH_RE.test(listExp)) {
+		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 `({type:'for-item',path:${JSON.stringify(listExp)},indexKey:${JSON.stringify(indexBinding.key)}})`;
+	}
+	return buildNestedForItemResolverExpression(targetKey, targetLevel, context, slotProps, indexBindings);
+}
+//#endregion
+//#region src/plugins/vue/compiler/template/expression/inline.ts
+const SCRIPT_SETUP_REF_BINDINGS = /* @__PURE__ */ new Set(["setup-ref", "setup-maybe-ref"]);
 function resolveSlotPropBinding(slotProps, name) {
 	if (!hasOwn(slotProps, name)) return null;
 	const prop = slotProps[name];
@@ -7599,11 +7695,11 @@ function rewriteExpressionAst(ast, locals, options) {
 			if (path.scope.getBinding(name)) return;
 			if (locals.has(name)) {
 				options?.markLocal?.(name);
-				replaceIdentifierWithExpression(path, createMemberAccess$1("scope", name));
+				replaceIdentifierWithExpression$1(path, createMemberAccess$1("scope", name));
 				return;
 			}
 			if (INLINE_GLOBALS.has(name)) return;
-			replaceIdentifierWithExpression(path, createMemberAccess$1("ctx", name));
+			replaceIdentifierWithExpression$1(path, createMemberAccess$1("ctx", name));
 		},
 		ThisExpression(path) {
 			path.replaceWith(t.identifier("ctx"));
@@ -7617,28 +7713,6 @@ function buildInlineIndexBindings(context) {
 		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) {
@@ -7800,7 +7874,7 @@ function createThisMemberAccess(prop) {
 function createUnrefCall(exp) {
 	return t.callExpression(t.identifier("__wevuUnref"), [exp]);
 }
-function createHasOwnPropertyCall(target, key) {
+function createHasOwnPropertyCall$1(target, key) {
 	return t.callExpression(t.memberExpression(t.memberExpression(t.memberExpression(t.identifier("Object"), t.identifier("prototype")), t.identifier("hasOwnProperty")), t.identifier("call")), [target, t.stringLiteral(key)]);
 }
 function createResolvePropValueCall(name, fallback, preferProps = false) {
@@ -7816,7 +7890,7 @@ function createPropsKeyAccessFallback(name, fallback) {
 	const propsObject = createThisMemberAccess(WEVU_PROPS_KEY);
 	const propsAccess = createMemberAccess(propsObject, name);
 	const hasPropsObject = t.binaryExpression("!=", propsObject, t.nullLiteral());
-	const hasPropsValue = t.logicalExpression("&&", hasPropsObject, t.logicalExpression("||", t.binaryExpression("!==", propsAccess, t.identifier("undefined")), createHasOwnPropertyCall(propsObject, name)));
+	const hasPropsValue = t.logicalExpression("&&", hasPropsObject, t.logicalExpression("||", t.binaryExpression("!==", propsAccess, t.identifier("undefined")), createHasOwnPropertyCall$1(propsObject, name)));
 	return t.conditionalExpression(hasPropsValue, propsAccess, fallback);
 }
 function createIdentifierAccessWithPropsFallback(name, context, useRuntimePropHelper = false) {
@@ -7838,10 +7912,10 @@ function createIdentifierAccessWithPropsFallback(name, context, useRuntimePropHe
 	const stateObject = createThisMemberAccess("$state");
 	const hasPropsObject = t.binaryExpression("!=", propsObject, t.nullLiteral());
 	const hasDefinedPropsValue = t.binaryExpression("!==", propsAccess, t.identifier("undefined"));
-	const hasPropsKey = createHasOwnPropertyCall(propsObject, name);
+	const hasPropsKey = createHasOwnPropertyCall$1(propsObject, name);
 	const hasUsablePropsValue = t.logicalExpression("&&", hasPropsObject, t.logicalExpression("||", hasDefinedPropsValue, hasPropsKey));
 	const hasStateObject = t.binaryExpression("!=", stateObject, t.nullLiteral());
-	const hasStateKey = createHasOwnPropertyCall(stateObject, name);
+	const hasStateKey = createHasOwnPropertyCall$1(stateObject, name);
 	const shouldUseStateAccess = Boolean(context.propsDerivedKeys?.includes(name)) ? t.booleanLiteral(false) : t.logicalExpression("&&", hasStateObject, hasStateKey);
 	return t.conditionalExpression(shouldUseStateAccess, thisAccess, t.conditionalExpression(hasUsablePropsValue, propsAccess, thisAccess));
 }
@@ -7905,6 +7979,9 @@ function normalizeJsExpressionWithContext(exp, context, options) {
 			}
 		}
 		if (locals.has(name)) return;
+		if (options?.preserveForItems && context.forStack.some((forInfo) => {
+			return forInfo.item === name || forInfo.index === name || forInfo.key === name;
+		})) return;
 		let replacement;
 		if (context.rewriteScopedSlot) {
 			if (hasOwn(slotProps, name)) {
@@ -7927,6 +8004,7 @@ function normalizeJsExpressionWithContext(exp, context, options) {
 		path.replaceWith(replacement);
 		path.skip();
 	} });
+	rewriteForItemAccess(ast, context);
 	if (options?.unrefMemberAccess) traverse(ast, { MemberExpression: { exit(path) {
 		if (!shouldUnrefMemberAccess(path.node, path.parentPath?.node)) return;
 		path.replaceWith(createUnrefCall(t.cloneNode(path.node, true)));
@@ -7944,7 +8022,7 @@ function buildForIndexAccess$1(context) {
 /**
 * 检测表达式是否包含小程序模板不稳定的调用语义。
 */
-function shouldFallbackToRuntimeBinding(exp) {
+function shouldFallbackToRuntimeBinding(exp, templateSafeCallNames = /* @__PURE__ */ new Set()) {
 	const trimmed = exp.trim();
 	if (!trimmed) return false;
 	const parsed = parseBabelExpressionFile(normalizeWxmlExpression(trimmed));
@@ -7952,6 +8030,7 @@ function shouldFallbackToRuntimeBinding(exp) {
 	let shouldFallback = false;
 	traverse(parsed.ast, {
 		CallExpression(path) {
+			if (path.node.callee.type === "Identifier" && templateSafeCallNames.has(path.node.callee.name)) return;
 			shouldFallback = true;
 			path.stop();
 		},
@@ -7963,6 +8042,10 @@ function shouldFallbackToRuntimeBinding(exp) {
 			if (path.node.operator !== "typeof") return;
 			shouldFallback = true;
 			path.stop();
+		},
+		BigIntLiteral(path) {
+			shouldFallback = true;
+			path.stop();
 		}
 	});
 	return shouldFallback;
@@ -8140,10 +8223,161 @@ function renderStyleAttribute(staticStyle, dynamicStyleExp, vShowExp, context) {
 function transformAttribute(node, _context) {
 	const { name, value } = node;
 	if (!value) return name;
-	if (value.type === NodeTypes.TEXT) return `${name}="${value.content}"`;
+	if (value.type === NodeTypes.TEXT) return `${name}="${escapeWxmlAttribute(value.content)}"`;
 	return `${name}=""`;
 }
 //#endregion
+//#region src/plugins/vue/compiler/template/directives/forKey/projection.ts
+function createConsoleErrorGuard(message, errorId) {
+	return t.ifStatement(t.logicalExpression("&&", t.binaryExpression("!==", t.unaryExpression("typeof", t.identifier("console")), t.stringLiteral("undefined")), t.binaryExpression("===", t.unaryExpression("typeof", t.memberExpression(t.identifier("console"), t.identifier("error"))), t.stringLiteral("function"))), t.blockStatement([t.expressionStatement(t.callExpression(t.memberExpression(t.identifier("console"), t.identifier("error")), [t.stringLiteral(message), t.cloneNode(errorId)]))]));
+}
+function createConsoleWarnGuard(message, item) {
+	return t.ifStatement(t.logicalExpression("&&", t.binaryExpression("!==", t.unaryExpression("typeof", t.identifier("console")), t.stringLiteral("undefined")), t.binaryExpression("===", t.unaryExpression("typeof", t.memberExpression(t.identifier("console"), t.identifier("warn"))), t.stringLiteral("function"))), t.blockStatement([t.expressionStatement(t.callExpression(t.memberExpression(t.identifier("console"), t.identifier("warn")), [t.stringLiteral(message), t.cloneNode(item)]))]));
+}
+function createHasOwnPropertyCall(item, field) {
+	return t.callExpression(t.memberExpression(t.memberExpression(t.memberExpression(t.identifier("Object"), t.identifier("prototype")), t.identifier("hasOwnProperty")), t.identifier("call")), [t.cloneNode(item), t.stringLiteral(field)]);
+}
+function createSafeKeyExpression(exp, rawExp, seed, item) {
+	const errorId = t.identifier(`__wv_for_key_error_${seed}`);
+	const shouldReportError = item ? t.binaryExpression("!=", t.cloneNode(item), t.nullLiteral()) : t.booleanLiteral(true);
+	return t.callExpression(t.arrowFunctionExpression([], t.blockStatement([t.tryStatement(t.blockStatement([t.returnStatement(t.cloneNode(exp, true))]), t.catchClause(errorId, t.blockStatement([t.ifStatement(shouldReportError, t.blockStatement([createConsoleErrorGuard(`[wevu] v-for :key 表达式执行失败: ${rawExp}`, errorId)])), t.returnStatement(t.identifier("undefined"))])), null)])), []);
+}
+function createProjectedItemExpression(item, keyExp, rawKeyExp, keyField, valueField, seed) {
+	const isObject = t.logicalExpression("&&", t.binaryExpression("!=", t.cloneNode(item), t.nullLiteral()), t.binaryExpression("===", t.unaryExpression("typeof", t.cloneNode(item)), t.stringLiteral("object")));
+	const projected = t.callExpression(t.arrowFunctionExpression([], t.blockStatement([t.ifStatement(t.logicalExpression("||", createHasOwnPropertyCall(item, keyField), createHasOwnPropertyCall(item, valueField)), t.blockStatement([createConsoleWarnGuard(`[wevu] v-for :key 内部字段冲突，投影将使用保留字段 ${keyField} / ${valueField}`, item)])), t.returnStatement(t.callExpression(t.memberExpression(t.identifier("Object"), t.identifier("assign")), [
+		t.objectExpression([]),
+		t.cloneNode(item),
+		t.objectExpression([t.objectProperty(t.stringLiteral(valueField), t.cloneNode(item)), t.objectProperty(t.stringLiteral(keyField), createSafeKeyExpression(keyExp, rawKeyExp, seed, item))])
+	]))])), []);
+	const primitiveProjected = t.objectExpression([t.objectProperty(t.stringLiteral(valueField), t.cloneNode(item)), t.objectProperty(t.stringLiteral(keyField), createSafeKeyExpression(keyExp, rawKeyExp, seed, item))]);
+	return t.conditionalExpression(isObject, projected, primitiveProjected);
+}
+function createArrayProjection(sourceId, keyExp, rawKeyExp, keyField, valueField, forInfo, seed) {
+	const itemId = forInfo.item && t.isValidIdentifier(forInfo.item) ? t.identifier(forInfo.item) : t.identifier(`__wv_for_key_item_${seed}`);
+	const indexId = forInfo.index && t.isValidIdentifier(forInfo.index) ? t.identifier(forInfo.index) : t.identifier(`__wv_for_key_index_${seed}`);
+	const body = [];
+	if (forInfo.key && t.isValidIdentifier(forInfo.key) && forInfo.key !== indexId.name) body.push(t.variableDeclaration("const", [t.variableDeclarator(t.identifier(forInfo.key), t.cloneNode(indexId))]));
+	body.push(t.returnStatement(createProjectedItemExpression(itemId, keyExp, rawKeyExp, keyField, valueField, seed)));
+	return t.callExpression(t.memberExpression(t.cloneNode(sourceId), t.identifier("map")), [t.arrowFunctionExpression([itemId, indexId], t.blockStatement(body))]);
+}
+function createObjectProjection(sourceId, keyExp, rawKeyExp, keyField, valueField, forInfo, seed) {
+	const resultId = t.identifier(`__wv_for_key_result_${seed}`);
+	const keysId = t.identifier(`__wv_for_key_keys_${seed}`);
+	const loopIndexId = t.identifier(`__wv_for_key_loop_index_${seed}`);
+	const sourceKeyId = t.identifier(`__wv_for_key_source_key_${seed}`);
+	const sourceItemId = t.identifier(`__wv_for_key_source_item_${seed}`);
+	const body = [t.variableDeclaration("const", [t.variableDeclarator(sourceKeyId, t.memberExpression(keysId, loopIndexId, true))]), t.variableDeclaration("const", [t.variableDeclarator(sourceItemId, t.memberExpression(sourceId, sourceKeyId, true))])];
+	if (forInfo.item && t.isValidIdentifier(forInfo.item) && forInfo.item !== sourceItemId.name) body.push(t.variableDeclaration("const", [t.variableDeclarator(t.identifier(forInfo.item), t.cloneNode(sourceItemId))]));
+	if (forInfo.key && t.isValidIdentifier(forInfo.key) && forInfo.key !== sourceKeyId.name) body.push(t.variableDeclaration("const", [t.variableDeclarator(t.identifier(forInfo.key), t.cloneNode(sourceKeyId))]));
+	if (forInfo.index && t.isValidIdentifier(forInfo.index)) {
+		const source = forInfo.key ? loopIndexId : sourceKeyId;
+		if (forInfo.index !== source.name) body.push(t.variableDeclaration("const", [t.variableDeclarator(t.identifier(forInfo.index), t.cloneNode(source))]));
+	}
+	body.push(t.expressionStatement(t.assignmentExpression("=", t.memberExpression(resultId, sourceKeyId, true), createProjectedItemExpression(sourceItemId, keyExp, rawKeyExp, keyField, valueField, seed))));
+	return t.callExpression(t.arrowFunctionExpression([], t.blockStatement([
+		t.variableDeclaration("const", [t.variableDeclarator(resultId, t.objectExpression([]))]),
+		t.variableDeclaration("const", [t.variableDeclarator(keysId, t.callExpression(t.memberExpression(t.identifier("Object"), t.identifier("keys")), [t.cloneNode(sourceId)]))]),
+		t.forStatement(t.variableDeclaration("let", [t.variableDeclarator(loopIndexId, t.numericLiteral(0))]), t.binaryExpression("<", loopIndexId, t.memberExpression(keysId, t.identifier("length"))), t.updateExpression("++", loopIndexId), t.blockStatement(body)),
+		t.returnStatement(resultId)
+	])), []);
+}
+function createForKeyProjectionExpression(sourceExp, keyExp, rawKeyExp, keyField, valueField, forInfo, seed) {
+	const sourceId = t.identifier(`__wv_for_key_source_${seed}`);
+	const objectCheck = t.logicalExpression("&&", t.binaryExpression("!=", t.cloneNode(sourceId), t.nullLiteral()), t.binaryExpression("===", t.unaryExpression("typeof", t.cloneNode(sourceId)), t.stringLiteral("object")));
+	return t.callExpression(t.arrowFunctionExpression([], t.blockStatement([
+		t.variableDeclaration("const", [t.variableDeclarator(sourceId, t.cloneNode(sourceExp, true))]),
+		t.ifStatement(t.callExpression(t.memberExpression(t.identifier("Array"), t.identifier("isArray")), [t.cloneNode(sourceId)]), t.blockStatement([t.returnStatement(createArrayProjection(sourceId, keyExp, rawKeyExp, keyField, valueField, forInfo, seed))])),
+		t.ifStatement(objectCheck, t.blockStatement([t.returnStatement(createObjectProjection(sourceId, keyExp, rawKeyExp, keyField, valueField, forInfo, seed))])),
+		t.returnStatement(t.cloneNode(sourceId))
+	])), []);
+}
+//#endregion
+//#region src/plugins/vue/compiler/template/directives/forKey/index.ts
+const SIMPLE_IDENTIFIER_RE$1 = /^[A-Z_$][\w$]*$/i;
+const SIMPLE_MEMBER_PATH_RE = /^[A-Z_$][\w$]*(?:\.[A-Z_$][\w$]*)*$/i;
+const RUNTIME_BINDING_REF_RE = /^__wv_bind_\d+(?:\[[A-Z_$][\w$]*\])*$/i;
+function createSourceContext(context) {
+	return {
+		...context,
+		forStack: context.forStack.map((forInfo) => ({
+			...forInfo,
+			itemAccess: void 0
+		}))
+	};
+}
+function hasKnownPrimitiveItems(exp) {
+	if (t.isStringLiteral(exp) || t.isNumericLiteral(exp) || t.isBooleanLiteral(exp) || t.isNullLiteral(exp)) return true;
+	if (!t.isArrayExpression(exp)) return false;
+	return exp.elements.every((element) => {
+		return element == null || t.isStringLiteral(element) || t.isNumericLiteral(element) || t.isBooleanLiteral(element) || t.isNullLiteral(element);
+	});
+}
+function resolveItemAliasKeyField(trimmed, forInfo) {
+	const aliasExp = forInfo.itemAliases?.[trimmed]?.trim();
+	if (!aliasExp || !forInfo.item || !aliasExp.startsWith(`${forInfo.item}.`)) return null;
+	const remainder = aliasExp.slice(forInfo.item.length + 1);
+	return SIMPLE_MEMBER_PATH_RE.test(remainder) && !remainder.includes(".") ? remainder : null;
+}
+function resolveNativeForKeyValue(exp, forInfo, keyThisValue) {
+	const trimmed = exp.trim();
+	if (!forInfo) return null;
+	if (forInfo.item && trimmed === forInfo.item || forInfo.key && trimmed === forInfo.key) return keyThisValue;
+	if (forInfo.item && trimmed.startsWith(`${forInfo.item}.`)) {
+		const remainder = trimmed.slice(forInfo.item.length + 1);
+		if (SIMPLE_MEMBER_PATH_RE.test(remainder) && !remainder.includes(".")) return remainder;
+		return null;
+	}
+	if (SIMPLE_IDENTIFIER_RE$1.test(trimmed)) {
+		if (forInfo.index === trimmed) return trimmed;
+		return resolveItemAliasKeyField(trimmed, forInfo);
+	}
+	return null;
+}
+function createForKeyProjection(node, forInfo, context) {
+	const rawKeyExp = getBindDirectiveExpression(node).trim();
+	if (!rawKeyExp || !forInfo.listExp || resolveNativeForKeyValue(rawKeyExp, forInfo, context.platform.keyThisValue)) return null;
+	const listExp = forInfo.listExp?.trim() ?? "";
+	const rawListExp = forInfo.rawListExp?.trim() || listExp;
+	const projectionListExp = RUNTIME_BINDING_REF_RE.test(listExp) ? listExp : rawListExp;
+	const sourceContext = createSourceContext(context);
+	const projectionSourceAst = RUNTIME_BINDING_REF_RE.test(projectionListExp) ? normalizeJsExpressionWithContext(projectionListExp, sourceContext, {
+		hint: "v-for :key 数据源",
+		runtimePropAccess: "helper",
+		unrefMemberAccess: true,
+		preserveForItems: true
+	}) : normalizeJsExpressionWithContext(projectionListExp, sourceContext, {
+		hint: "v-for :key 数据源",
+		preserveForItems: true
+	});
+	if (!projectionSourceAst) return null;
+	if (hasKnownPrimitiveItems(projectionSourceAst)) return null;
+	const keyExpAst = normalizeJsExpressionWithContext(rawKeyExp, sourceContext, {
+		hint: "v-for :key",
+		runtimePropAccess: "helper",
+		unrefMemberAccess: true,
+		preserveForItems: true
+	});
+	if (!keyExpAst) return null;
+	const bindingSeed = context.classStyleBindings.filter((binding) => binding.type === "bind").length;
+	const bindingName = `__wv_bind_${bindingSeed}`;
+	const keyField = `__wv_key_${bindingSeed}`;
+	const valueField = `__wv_value_${bindingSeed}`;
+	const outerForStack = context.forStack.slice(0, -1).map((info) => ({ ...info }));
+	context.classStyleBindings.push({
+		name: bindingName,
+		type: "bind",
+		exp: `v-for :key ${rawKeyExp}`,
+		expAst: createForKeyProjectionExpression(projectionSourceAst, keyExpAst, rawKeyExp, keyField, valueField, forInfo, bindingSeed),
+		forStack: outerForStack
+	});
+	const indexAccess = outerForStack.map((info) => `[${info.index ?? "index"}]`).join("");
+	return {
+		keyAttr: context.platform.keyAttr(keyField),
+		listExp: `${bindingName}${indexAccess}`,
+		itemAccess: `${forInfo.item}.${valueField}`
+	};
+}
+//#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);
@@ -8190,10 +8424,6 @@ function createInlineObjectLiteralAttr(argValue, rawExpValue, context) {
 	if (context.mustacheInterpolation === "spaced") return `${argValue}="${renderMustache(expValue, context)}"`;
 	return `${argValue}="{{ ${expValue} }}"`;
 }
-const SIMPLE_IDENTIFIER_RE$1 = /^[A-Z_$][\w$]*$/i;
-const SIMPLE_MEMBER_PATH_RE = /^[A-Z_$][\w$]*(?:\.[A-Z_$][\w$]*)*$/i;
-const isSimpleIdentifier = (value) => SIMPLE_IDENTIFIER_RE$1.test(value);
-const isSimpleMemberPath = (value) => SIMPLE_MEMBER_PATH_RE.test(value);
 const COMPONENT_NON_PROP_BINDINGS = /* @__PURE__ */ new Set([
 	"class",
 	"style",
@@ -8265,24 +8495,10 @@ function transformBindDirective(node, context, forInfo, options) {
 	if (argValue === "key") {
 		const expValue = normalizeWxmlExpressionWithContext(rawExpValue, context);
 		const trimmed = expValue.trim();
-		const warnKeyFallback = (reason) => {
-			if (!forInfo) return;
-			context.warnings.push(`v-for :key "${trimmed}" ${reason}，已降级为 ${context.platform.keyAttr(context.platform.keyThisValue)}。建议使用稳定的基础类型 key（例如 item.id）。`);
-		};
-		if (forInfo?.item && trimmed === forInfo.item) return context.platform.keyAttr(context.platform.keyThisValue);
-		if (forInfo?.key && trimmed === forInfo.key) return context.platform.keyAttr(context.platform.keyThisValue);
-		if (forInfo?.item && trimmed.startsWith(`${forInfo.item}.`)) {
-			const remainder = trimmed.slice(forInfo.item.length + 1);
-			if (isSimpleMemberPath(remainder)) {
-				const firstSegment = remainder.split(".")[0] || remainder;
-				return context.platform.keyAttr(firstSegment);
-			}
-			warnKeyFallback("不是简单的成员路径");
-			return context.platform.keyAttr(context.platform.keyThisValue);
-		}
-		if (isSimpleIdentifier(trimmed)) return context.platform.keyAttr(trimmed);
+		const nativeKeyValue = resolveNativeForKeyValue(trimmed, forInfo, context.platform.keyThisValue);
+		if (nativeKeyValue) return context.platform.keyAttr(nativeKeyValue);
 		if (forInfo) {
-			warnKeyFallback("是复杂表达式");
+			context.warnings.push(`v-for :key "${trimmed}" 无法生成运行时 key 投影，已降级为 ${context.platform.keyAttr(context.platform.keyThisValue)}。建议使用稳定的基础类型 key。`);
 			return context.platform.keyAttr(context.platform.keyThisValue);
 		}
 		return context.platform.keyAttr(expValue);
@@ -8291,7 +8507,7 @@ function transformBindDirective(node, context, forInfo, options) {
 		if (context.objectLiteralBindMode === "inline" || isStaticObjectLiteral(rawExpValue)) return createInlineObjectLiteralAttr(argValue, rawExpValue, context);
 		return createBindRuntimeAttr(argValue, rawExpValue, context);
 	}
-	if (shouldFallbackToRuntimeBinding(rawExpValue)) {
+	if (shouldFallbackToRuntimeBinding(rawExpValue, context.templateSafeCallNames)) {
 		const runtimeAttr = createBindRuntimeAttr(argValue, rawExpValue, context);
 		if (runtimeAttr) return runtimeAttr;
 	}
@@ -8335,7 +8551,6 @@ function getElementType(element) {
 	}
 	return "";
 }
-const QUOTE_RE$1 = /"/g;
 const CAMELIZE_RE = /-([a-z0-9])/gi;
 const IDENTIFIER_RE = /^[A-Z_$][\w$]*$/i;
 const NATIVE_MODEL_TAGS = /* @__PURE__ */ new Set([
@@ -8359,7 +8574,7 @@ function isNativeModelElement(element) {
 	return NATIVE_MODEL_TAGS.has(element.tag);
 }
 function transformVModel(element, expValue, context) {
-	const escapedModel = expValue.replace(QUOTE_RE$1, "&quot;");
+	const escapedModel = escapeWxmlAttribute(expValue);
 	const bindModel = (event) => {
 		return `${context.platform.eventBindingAttr(event)}="${WEVU_MODEL_HANDLER}" data-wv-model="${escapedModel}"`;
 	};
@@ -8437,15 +8652,14 @@ function isScriptSetupHandlerBinding(value, context) {
 function shouldUseDetailPayload(options) {
 	return options?.isComponent === true;
 }
-const QUOTE_RE = /"/g;
 function buildInlineScopeAttrs(scopeBindings, context) {
 	return scopeBindings.map((binding, index) => {
-		return `data-wv-s${index}="${renderMustache(binding.replace(QUOTE_RE, "&quot;"), context)}"`;
+		return `data-wv-s${index}="${renderMustache(escapeWxmlAttribute(binding), context)}"`;
 	});
 }
 function buildInlineIndexAttrs(indexBindings, context) {
 	return indexBindings.map((binding, index) => {
-		return `data-wv-i${index}="${renderMustache(binding.replace(QUOTE_RE, "&quot;"), context)}"`;
+		return `data-wv-i${index}="${renderMustache(escapeWxmlAttribute(binding), context)}"`;
 	});
 }
 function resolveEventPrefix(modifiers) {
@@ -8510,7 +8724,7 @@ function transformOnDirective(node, context, options) {
 	}
 	if (isInlineExpression) return [
 		detailAttr,
-		`data-wv-inline-${eventSuffix}="${inlineSource.replace(QUOTE_RE, "&quot;")}"`,
+		`data-wv-inline-${eventSuffix}="${escapeWxmlAttribute(inlineSource)}"`,
 		`${bindAttr}="${WEVU_INLINE_HANDLER}"`
 	].filter(Boolean).join(" ");
 	return [detailAttr, `${bindAttr}="${expValue}"`].filter(Boolean).join(" ");
@@ -8557,6 +8771,7 @@ function collectElementAttributes(node, context, options) {
 	const resolvedTag = options?.resolvedTag ?? resolveTemplateTagName(node.tag, context);
 	const isComponentElement = options?.isComponent ?? !isBuiltinTag(resolvedTag);
 	const attrs = options?.extraAttrs ? [...options.extraAttrs] : [];
+	if (context.scopeId) attrs.push(`${context.scopeId}=""`);
 	const mappedTagClass = resolveMappedHtmlTagClassName(node.tag, context, resolvedTag);
 	let staticClass;
 	let staticId;
@@ -8636,7 +8851,7 @@ function collectElementAttributes(node, context, options) {
 			}
 			if (prop.name === "text" && prop.exp?.type === NodeTypes.SIMPLE_EXPRESSION) {
 				const rawExp = prop.exp.content;
-				vTextExp = (shouldFallbackToRuntimeBinding(rawExp) ? registerRuntimeBindingExpression(rawExp, context, { hint: "v-text" }) : null) ?? normalizeWxmlExpressionWithContext(rawExp, context);
+				vTextExp = (shouldFallbackToRuntimeBinding(rawExp, context.templateSafeCallNames) ? registerRuntimeBindingExpression(rawExp, context, { hint: "v-text" }) : null) ?? normalizeWxmlExpressionWithContext(rawExp, context);
 				continue;
 			}
 			const dir = transformDirective(prop, context, node, options?.forInfo, { isComponent: isComponentElement });
@@ -8680,7 +8895,7 @@ function collectElementAttributes(node, context, options) {
 	if (staticId) attrs.unshift(`id="${staticId}"`);
 	const classAttr = renderClassAttribute(staticClass, dynamicClassExp, context);
 	if (classAttr) attrs.unshift(classAttr);
-	const styleAttr = renderStyleAttribute(staticStyle, dynamicStyleExp, vShowExp, context);
+	const styleAttr = renderStyleAttribute(staticStyle, context.cssVars ? dynamicStyleExp ? `[${dynamicStyleExp}, ${WEVU_CSS_VARS_STYLE_KEY}]` : WEVU_CSS_VARS_STYLE_KEY : dynamicStyleExp, vShowExp, context);
 	if (styleAttr) attrs.unshift(styleAttr);
 	return {
 		attrs,
@@ -9039,6 +9254,7 @@ function renderPlainSlotOutlet(node, context, transformNode) {
 	if (hasScopeBindings) context.warnings.push("已禁用作用域插槽参数，插槽绑定将被忽略。");
 	const fallbackContent = node.children.map((child) => transformNode(child, context)).join("");
 	const slotAttrs = [];
+	if (context.slottedScopeId) slotAttrs.push(`${context.slottedScopeId}=""`);
 	const nameAttr = renderSlotNameAttribute(slotNameInfo, context, "name");
 	if (nameAttr) slotAttrs.push(nameAttr);
 	const slotAttrString = slotAttrs.length ? ` ${slotAttrs.join(" ")}` : "";
@@ -9103,6 +9319,7 @@ function transformSlotElement(node, context, transformNode) {
 	let fallbackContent = "";
 	if (node.children.length > 0) fallbackContent = node.children.map((child) => transformNode(child, context)).join("");
 	const slotAttrs = [];
+	if (context.slottedScopeId) slotAttrs.push(`${context.slottedScopeId}=""`);
 	const nameAttr = renderSlotNameAttribute(slotNameInfo, context, "name");
 	if (nameAttr) slotAttrs.push(nameAttr);
 	const slotAttrString = slotAttrs.length ? ` ${slotAttrs.join(" ")}` : "";
@@ -9122,6 +9339,7 @@ function transformSlotElement(node, context, transformNode) {
 		`${WEVU_SLOT_OWNER_ID_ATTR}="${renderMustache(WEVU_SLOT_OWNER_ID_PROP, context)}"`,
 		`${WEVU_SLOT_PROPS_ATTR}="${renderMustache(slotPropsExp, context)}"`
 	];
+	if (context.slottedScopeId) scopedAttrs.push(`${context.slottedScopeId}=""`);
 	if (context.slotMultipleInstance) scopedAttrs.push(`${WEVU_SLOT_SCOPE_ATTR}="${renderMustache(WEVU_SLOT_SCOPE_KEY, context)}"`);
 	const scopedTag = `<${genericKey}${scopedAttrs.length ? ` ${scopedAttrs.join(" ")}` : ""} />`;
 	const nativeFallbackTag = context.forStack.length > 0 ? "" : context.platform.wrapIf(`!${WEVU_SLOT_OWNER_ID_PROP}`, slotTag, (exp) => renderMustache(exp, context));
@@ -9598,10 +9816,26 @@ function transformNormalElement(node, context, transformNode) {
 //#region src/plugins/vue/compiler/template/elements/tag-structural.ts
 const REGEX_SPECIAL_CHARS_RE = /[.*+?^${}()|[\]\\]/g;
 function resolveConditionExpression$1(rawExpValue, context, hint) {
-	return (context.rewriteScopedSlot || shouldFallbackToRuntimeBinding(rawExpValue) ? registerRuntimeBindingExpression(rawExpValue, context, { hint }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context);
+	return (context.rewriteScopedSlot || shouldFallbackToRuntimeBinding(rawExpValue, context.templateSafeCallNames) ? registerRuntimeBindingExpression(rawExpValue, context, { hint }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context);
 }
 function resolveListExpression(rawExpValue, context, hint) {
-	return (context.rewriteScopedSlot || shouldFallbackToRuntimeBinding(rawExpValue) ? registerRuntimeBindingExpression(rawExpValue, context, { hint }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context);
+	return (context.rewriteScopedSlot || shouldFallbackToRuntimeBinding(rawExpValue, context.templateSafeCallNames) ? registerRuntimeBindingExpression(rawExpValue, context, { hint }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context);
+}
+function requiresRuntimeForKeyProjection(node, context) {
+	const forDirective = node.props.find((prop) => {
+		return prop.type === NodeTypes.DIRECTIVE && prop.name === "for";
+	});
+	const keyDirective = node.props.find((prop) => {
+		return prop.type === NodeTypes.DIRECTIVE && prop.name === "bind" && prop.arg?.type === NodeTypes.SIMPLE_EXPRESSION && prop.arg.content === "key";
+	});
+	if (forDirective?.exp?.type === NodeTypes.SIMPLE_EXPRESSION && keyDirective) {
+		const forInfo = parseForExpression(forDirective.exp.content);
+		const rawKeyExp = getBindDirectiveExpression(keyDirective).trim();
+		if (rawKeyExp && !resolveNativeForKeyValue(rawKeyExp, forInfo, context.platform.keyThisValue)) return true;
+	}
+	return node.children.some((child) => {
+		return child.type === NodeTypes.ELEMENT && requiresRuntimeForKeyProjection(child, context);
+	});
 }
 function transformIfElement(node, context, transformNode) {
 	const renderTemplateMustache = (exp) => renderMustache(exp, context);
@@ -9643,15 +9877,18 @@ function transformForElement(node, context, transformNode) {
 			}));
 		}
 	}
-	if (context.classStyleRuntime === "js" && !forInfo.index) forInfo.index = `__wv_index_${context.forIndexSeed++}`;
+	if ((context.classStyleRuntime === "js" || requiresRuntimeForKeyProjection(node, context)) && !forInfo.index) forInfo.index = `__wv_index_${context.forIndexSeed++}`;
+	const rawListExp = forInfo.listExp?.trim();
 	const listExp = forInfo.listExp ? resolveListExpression(forInfo.listExp, context, "v-for 列表") : void 0;
 	const listExpAst = forInfo.listExp ? normalizeJsExpressionWithContext(forInfo.listExp, context, { hint: "v-for 列表" }) : void 0;
 	const scopedForInfo = listExp ? {
 		...forInfo,
 		listExp,
+		rawListExp,
 		listExpAst: listExpAst ?? void 0
 	} : {
 		...forInfo,
+		rawListExp,
 		listExpAst: listExpAst ?? void 0
 	};
 	const scopeNames = [
@@ -9666,34 +9903,64 @@ function transformForElement(node, context, transformNode) {
 			...node,
 			props: otherProps
 		};
-		const extraAttrs = listExp ? context.platform.forAttrs(listExp, renderTemplateMustache, forInfo.item, forInfo.index) : [];
-		if (elementWithoutFor.tag === "slot") {
-			const keyDirective = elementWithoutFor.props.find((prop) => {
-				return prop.type === NodeTypes.DIRECTIVE && prop.name === "bind" && prop.arg?.type === NodeTypes.SIMPLE_EXPRESSION && prop.arg.content === "key";
+		const keyDirective = otherProps.find((prop) => {
+			return prop.type === NodeTypes.DIRECTIVE && prop.name === "bind" && prop.arg?.type === NodeTypes.SIMPLE_EXPRESSION && prop.arg.content === "key";
+		});
+		const keyProjection = keyDirective ? createForKeyProjection(keyDirective, scopedForInfo, context) : null;
+		if (keyProjection) {
+			scopedForInfo.itemAccess = keyProjection.itemAccess;
+			const projectionContext = {
+				...context,
+				forStack: context.forStack.map((forInfo) => ({
+					...forInfo,
+					itemAccess: void 0
+				}))
+			};
+			const projectedListExpAst = normalizeJsExpressionWithContext(keyProjection.listExp, projectionContext, {
+				hint: "v-for 投影列表",
+				runtimePropAccess: "helper",
+				unrefMemberAccess: true,
+				preserveForItems: true
 			});
+			scopedForInfo.projectedListExp = keyProjection.listExp;
+			scopedForInfo.projectedListExpAst = projectedListExpAst ?? scopedForInfo.projectedListExpAst;
+			const currentForInfo = context.forStack[context.forStack.length - 1];
+			if (currentForInfo) {
+				currentForInfo.itemAccess = keyProjection.itemAccess;
+				currentForInfo.projectedListExp = scopedForInfo.projectedListExp;
+				currentForInfo.projectedListExpAst = scopedForInfo.projectedListExpAst;
+			}
+		}
+		const renderElement = keyProjection ? {
+			...elementWithoutFor,
+			props: otherProps.filter((prop) => prop !== keyDirective)
+		} : elementWithoutFor;
+		const templateListExp = keyProjection?.listExp ?? listExp;
+		const extraAttrs = templateListExp ? context.platform.forAttrs(templateListExp, renderTemplateMustache, forInfo.item, forInfo.index) : [];
+		if (keyProjection) extraAttrs.push(keyProjection.keyAttr);
+		if (renderElement.tag === "slot") {
+			const slotKeyDirective = keyProjection ? void 0 : keyDirective;
 			const content = transformSlotElement({
-				...elementWithoutFor,
-				props: elementWithoutFor.props.filter((prop) => {
-					return prop !== keyDirective;
-				})
+				...renderElement,
+				props: renderElement.props.filter((prop) => prop !== slotKeyDirective)
 			}, context, transformNode);
-			const keyAttr = keyDirective ? transformBindDirective(keyDirective, context, forInfo) : null;
+			const keyAttr = slotKeyDirective ? transformBindDirective(slotKeyDirective, context, scopedForInfo) : null;
 			if (keyAttr) extraAttrs.push(keyAttr);
 			const attrString = extraAttrs.length ? ` ${extraAttrs.join(" ")}` : "";
 			return attrString ? `<block${attrString}>${content}</block>` : content;
 		}
-		const resolvedTag = resolveTemplateTagName(elementWithoutFor.tag, context);
-		if (shouldTransformAsComponentWithSlots(elementWithoutFor, context, resolvedTag)) return transformComponentWithSlots(elementWithoutFor, context, transformNode, {
+		const resolvedTag = resolveTemplateTagName(renderElement.tag, context);
+		if (shouldTransformAsComponentWithSlots(renderElement, context, resolvedTag)) return transformComponentWithSlots(renderElement, context, transformNode, {
 			extraAttrs,
-			forInfo
+			forInfo: scopedForInfo
 		});
-		const { attrs, vTextExp } = collectElementAttributes(elementWithoutFor, context, {
-			forInfo,
+		const { attrs, vTextExp } = collectElementAttributes(renderElement, context, {
+			forInfo: scopedForInfo,
 			extraAttrs,
 			resolvedTag
 		});
 		let children = "";
-		if (elementWithoutFor.children.length > 0) children = elementWithoutFor.children.map((child) => transformNode(child, context)).join("");
+		if (renderElement.children.length > 0) children = renderElement.children.map((child) => transformNode(child, context)).join("");
 		if (vTextExp !== void 0) children = renderMustache(vTextExp, context);
 		const tag = resolvedTag;
 		const attrString = attrs.length ? ` ${attrs.join(" ")}` : "";
@@ -9705,7 +9972,7 @@ function transformForElement(node, context, transformNode) {
 const TEMPLATE_OPEN_RE = /<template/g;
 const TEMPLATE_CLOSE_RE = /<\/template>/g;
 function resolveConditionExpression(rawExpValue, context, hint) {
-	return (context.rewriteScopedSlot || shouldFallbackToRuntimeBinding(rawExpValue) ? registerRuntimeBindingExpression(rawExpValue, context, { hint }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context);
+	return (context.rewriteScopedSlot || shouldFallbackToRuntimeBinding(rawExpValue, context.templateSafeCallNames) ? registerRuntimeBindingExpression(rawExpValue, context, { hint }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context);
 }
 function transformTransitionElement(node, context, transformNode) {
 	context.warnings.push("<transition> 组件：过渡效果需要动画库或运行时支持，仅渲染子节点。");
@@ -9792,13 +10059,6 @@ function transformElement(node, context, transformNode) {
 }
 //#endregion
 //#region src/plugins/vue/compiler/template/nodes.ts
-const AMP_RE = /&/g;
-const LT_RE = /</g;
-const GT_RE = />/g;
-function escapeWxmlText(value) {
-	if (!value) return "";
-	return value.replace(AMP_RE, "&amp;").replace(LT_RE, "&lt;").replace(GT_RE, "&gt;");
-}
 function transformText(node, _context) {
 	return escapeWxmlText(node.content);
 }
@@ -9806,7 +10066,7 @@ function transformInterpolation(node, context) {
 	const { content } = node;
 	if (content.type === NodeTypes.SIMPLE_EXPRESSION) {
 		const rawExpValue = content.content;
-		return renderMustache((shouldFallbackToRuntimeBinding(rawExpValue) ? registerRuntimeBindingExpression(rawExpValue, context, { hint: "插值表达式" }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context), context);
+		return renderMustache((shouldFallbackToRuntimeBinding(rawExpValue, context.templateSafeCallNames) ? registerRuntimeBindingExpression(rawExpValue, context, { hint: "插值表达式" }) : null) ?? normalizeWxmlExpressionWithContext(rawExpValue, context), context);
 	}
 	/* istanbul ignore next */
 	return renderMustache("", context);
@@ -9929,8 +10189,12 @@ function compileVueTemplateToWxml(template, filename, options) {
 			inlineExpressionSeed: 0,
 			functionPropPaths: /* @__PURE__ */ new Set(),
 			functionPropNames: Array.from(options?.functionPropNames ?? []),
+			templateSafeCallNames: new Set(options?.templateSafeCallNames ?? []),
 			wevuComponentTags: options?.wevuComponentTags ? new Set(options.wevuComponentTags) : void 0,
-			miniProgramComponentTags: options?.miniProgramComponentTags ? new Set(options.miniProgramComponentTags) : void 0
+			miniProgramComponentTags: options?.miniProgramComponentTags ? new Set(options.miniProgramComponentTags) : void 0,
+			scopeId: options?.scopeId,
+			slottedScopeId: options?.slottedScopeId,
+			cssVars: options?.cssVars
 		};
 		let wxml = ast.children.map((child) => transformNode(child, context)).join("");
 		if (context.classStyleWxs) wxml = `${buildClassStyleWxsTag(context.classStyleWxsExtension || "wxs", context.classStyleWxsSrc)}\n${wxml}`;
@@ -9961,6 +10225,25 @@ function compileVueTemplateToWxml(template, filename, options) {
 	}
 }
 //#endregion
+//#region src/plugins/vue/transform/scopedId.ts
+const SOURCE_ROOT_RE = /(?:^|\/)src\/(.+)$/;
+function normalizeScopedIdInput(filename) {
+	const normalized = filename.replace(/\\/g, "/");
+	return normalized.match(SOURCE_ROOT_RE)?.[1] ?? normalized.replace(/^.*?\/(pages|components|layouts)\//, "$1/");
+}
+/**
+* 根据项目内相对路径生成跨机器稳定的 scoped ID。
+*/
+function generateScopedId(filename) {
+	const input = normalizeScopedIdInput(filename);
+	let hash = 2166136261;
+	for (let index = 0; index < input.length; index += 1) {
+		hash ^= input.charCodeAt(index);
+		hash = Math.imul(hash, 16777619);
+	}
+	return (hash >>> 0).toString(36);
+}
+//#endregion
 //#region src/ast/native.ts
 const require = createRequire(import.meta.url);
 let binding;
@@ -10568,6 +10851,10 @@ const OBJECT_TO_STRING = Object.prototype.toString;
 function isIdentifierLikeKey(key) {
 	return IDENTIFIER_LIKE_KEY_RE.test(key);
 }
+function resolveRuntimeMarkerIdentifier(value, scopeValues) {
+	if (value[WEAPP_I18N_RUNTIME_MARKER] !== true) return;
+	return Object.entries(scopeValues).find(([name, scopeValue]) => isIdentifierLikeKey(name) && scopeValue === value)?.[0];
+}
 function getObjectTag(value) {
 	return OBJECT_TO_STRING.call(value);
 }
@@ -10665,6 +10952,8 @@ function serializeStaticValueToExpression(value, seen = /* @__PURE__ */ new Weak
 	if (getObjectTag(value) === "[object RegExp]") return value.toString();
 	if (Array.isArray(value)) return `[${value.map((item) => serializeStaticValueToExpression(item, seen, scopeValues)).join(", ")}]`;
 	if (value && typeof value === "object") {
+		const runtimeIdentifier = resolveRuntimeMarkerIdentifier(value, scopeValues);
+		if (runtimeIdentifier) return runtimeIdentifier;
 		if (seen.has(value)) throw new Error("defineOptions 的参数中不支持循环引用。");
 		seen.add(value);
 		const proto = Object.getPrototypeOf(value);
@@ -11311,7 +11600,7 @@ async function compileScriptPhase(descriptor, descriptorForCompile, filename, op
 	let propsDerivedKeys;
 	if (descriptor.script || descriptor.scriptSetup) {
 		const scriptCompiled = precompiledScript ?? compileScript(descriptorForCompile, {
-			id: filename,
+			id: generateScopedId(filename),
 			isProd: false
 		});
 		warnReservedScriptSetupProps(descriptorForCompile.scriptSetup?.content, options?.warn, {
@@ -11356,6 +11645,7 @@ async function compileScriptPhase(descriptor, descriptorForCompile, filename, op
 			functionPropPaths: templateCompiled?.functionPropPaths,
 			propsAliases,
 			propsDerivedKeys,
+			cssModules: precomputedScriptPhaseInfo?.cssModules,
 			relaxStructuredTypeOnlyProps,
 			scopedSlotHostProperties: Boolean(templateCompiled?.componentGenerics && Object.keys(templateCompiled.componentGenerics).length > 0)
 		});
@@ -11376,42 +11666,29 @@ async function compileScriptPhase(descriptor, descriptorForCompile, filename, op
 	};
 }
 //#endregion
-//#region src/plugins/vue/transform/scopedId.ts
-/**
-* 生成 scoped ID
-*/
-function generateScopedId(filename) {
-	const hash = filename.split("").reduce((acc, char) => {
-		return (acc << 5) - acc + char.charCodeAt(0);
-	}, 0);
-	return Math.abs(hash).toString(36);
-}
-//#endregion
 //#region src/plugins/vue/transform/compileVueFile/style.ts
-function compileStylePhase(descriptor, filename, result, options) {
-	if (descriptor.styles.length === 0) return;
+async function compileStylePhase(descriptor, filename, result, options) {
+	if (descriptor.styles.length === 0) return { usesSlotted: false };
 	const scopedId = generateScopedId(filename);
-	const compiledStyles = descriptor.styles.map((styleBlock) => {
-		return compileVueStyleToWxss(styleBlock, {
+	const compiledStyles = await Promise.all(descriptor.styles.map(async (styleBlock) => {
+		return await compileVueStyleToWxss(styleBlock, {
 			id: scopedId,
+			filename,
 			scoped: styleBlock.scoped,
 			modules: styleBlock.module,
+			preprocessOptions: options?.preprocessOptions?.[styleBlock.lang || "css"],
 			preserveDeepSelectors: options?.preserveDeepSelectors,
 			transformScoped: options?.transformScoped
 		});
-	});
+	}));
 	result.style = compiledStyles.map((s) => s.code.trim()).filter(Boolean).join("\n\n");
-	if (!compiledStyles.some((s) => s.modules)) return;
+	if (!compiledStyles.some((s) => s.modules)) return { usesSlotted: compiledStyles.some((style) => style.usesSlotted) };
 	const modulesMap = {};
 	compiledStyles.forEach((compiled) => {
 		if (compiled.modules) Object.assign(modulesMap, compiled.modules);
 	});
 	result.cssModules = modulesMap;
-	if (result.script !== void 0) result.script = `
-// 模块化样式（CSS Modules）
-const __cssModules = ${JSON.stringify(modulesMap, null, 2)}
-${result.script}
-`;
+	return { usesSlotted: compiledStyles.some((style) => style.usesSlotted) };
 }
 //#endregion
 //#region src/plugins/vue/transform/compileVueFile/template.ts
@@ -11471,6 +11748,7 @@ async function refreshVueFileJsonConfig(source, filename, cachedResult, options)
 */
 async function compileVueFile(source, filename, options) {
 	const parsed = await parseVueFile(source, filename, options);
+	const sfcId = generateScopedId(filename);
 	const result = { meta: {
 		...parsed.meta,
 		styleBlocks: parsed.descriptor.styles
@@ -11486,24 +11764,32 @@ async function compileVueFile(source, filename, options) {
 		autoImportTags
 	});
 	const scriptCompiled = parsed.descriptor.script || parsed.descriptor.scriptSetup ? compileScript(parsed.descriptorForCompile, {
-		id: filename,
+		id: sfcId,
 		isProd: false
 	}) : void 0;
 	const propsAliases = scriptCompiled ? resolveScriptSetupPropsAliases(scriptCompiled.bindings) : void 0;
 	const propsDerivedKeys = scriptCompiled ? resolveEffectivePropsDerivedKeys(scriptCompiled.bindings, scriptCompiled.content) : void 0;
+	const styleCompiled = await compileStylePhase(parsed.descriptor, filename, result, options?.style);
+	const scopedId = parsed.descriptor.styles.some((style) => style.scoped) ? `data-v-${sfcId}` : void 0;
 	const baseTemplateOptions = parsed.isAppFile ? {
 		...options?.template,
 		isPage: options?.isPage,
 		propsAliases,
 		propsDerivedKeys,
 		scriptSetupBindings: scriptCompiled?.bindings,
-		scopedSlotsRequireProps: true
+		scopedSlotsRequireProps: true,
+		scopeId: scopedId,
+		slottedScopeId: scopedId && styleCompiled.usesSlotted ? `${scopedId}-s` : void 0,
+		cssVars: parsed.descriptor.cssVars.length > 0
 	} : {
 		...options?.template,
 		isPage: options?.isPage,
 		propsAliases,
 		propsDerivedKeys,
-		scriptSetupBindings: scriptCompiled?.bindings
+		scriptSetupBindings: scriptCompiled?.bindings,
+		scopeId: scopedId,
+		slottedScopeId: scopedId && styleCompiled.usesSlotted ? `${scopedId}-s` : void 0,
+		cssVars: parsed.descriptor.cssVars.length > 0
 	};
 	const templateOptions = componentSourceInfo.wevuComponentTags.size ? {
 		...baseTemplateOptions,
@@ -11519,12 +11805,12 @@ async function compileVueFile(source, filename, options) {
 	const templateCompiled = compileTemplatePhase(parsed.descriptor, filename, templateOptions, result);
 	const scriptPhase = await compileScriptPhase(parsed.descriptor, parsed.descriptorForCompile, filename, options, autoUsingComponents, templateCompiled, parsed.isAppFile, componentSourceInfo, scriptCompiled, {
 		propsAliases,
-		propsDerivedKeys
+		propsDerivedKeys,
+		cssModules: result.cssModules
 	});
 	result.script = scriptPhase.script;
 	result.scriptMap = scriptPhase.scriptMap;
 	if (scriptPhase.template) result.template = scriptPhase.template;
-	compileStylePhase(parsed.descriptor, filename, result, options?.style);
 	await compileConfigPhase({
 		descriptor: parsed.descriptor,
 		filename,