@wevu/compiler 6.22.0 → 6.24.0

package/README.md

@@ -64,5 +64,5 @@ const nextCode = injectWevuPageFeaturesInJs(sourceCode, flags)
 
 ## 相关链接
 
-- weapp-vite 文档：https://vite.icebreaker.top/
+- weapp-vite 文档：https://vite.weapp.dev/
 - 仓库：https://github.com/weapp-vite/weapp-vite

package/dist/index.d.mts

@@ -320,8 +320,12 @@ interface TemplateCompileResult {
  */
 interface ForParseResult {
   listExp?: string;
+  rawListExp?: string;
   listExpAst?: Expression;
+  projectedListExp?: string;
+  projectedListExpAst?: Expression;
   item?: string;
+  itemAccess?: string;
   index?: string;
   key?: string;
   itemAliases?: Record<string, string>;

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { createRequire } from "node:module";
 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 { getMiniProgramRuntimeGlobalKeys, getMiniProgramTemplatePreset, removeExtensionDeep } from "@weapp-core/shared";
+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";
@@ -3064,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([]))]);
@@ -4133,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: {
@@ -4142,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, " ");
@@ -6975,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 = [];
@@ -7255,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;
@@ -7276,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;
@@ -7288,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;
@@ -7357,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;
@@ -7366,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);
@@ -7377,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) {
@@ -7388,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;
@@ -7406,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;
@@ -7416,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;
@@ -7528,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];
@@ -7606,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"));
@@ -7624,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) {
@@ -7807,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) {
@@ -7823,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) {
@@ -7845,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));
 }
@@ -7912,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)) {
@@ -7934,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)));
@@ -8152,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);
@@ -8202,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",
@@ -8277,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);
@@ -8347,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([
@@ -8371,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}"`;
 	};
@@ -8449,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) {
@@ -8522,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(" ");
@@ -9619,6 +9821,22 @@ function resolveConditionExpression$1(rawExpValue, context, hint) {
 function resolveListExpression(rawExpValue, context, hint) {
 	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);
 	const ifDirective = node.props.find((prop) => prop.type === NodeTypes.DIRECTIVE && (prop.name === "if" || prop.name === "else-if" || prop.name === "else"));
@@ -9659,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 = [
@@ -9682,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(" ")}` : "";
@@ -9808,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);
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@wevu/compiler",
   "type": "module",
-  "version": "6.22.0",
+  "version": "6.24.0",
   "description": "wevu 编译器基础包，面向小程序模板的编译与转换",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
-  "homepage": "https://vite.icebreaker.top/wevu/",
+  "homepage": "https://vite.weapp.dev/wevu/",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/weapp-vite/weapp-vite.git",
@@ -43,20 +43,20 @@
   "dependencies": {
     "@jridgewell/remapping": "^2.3.5",
     "@vue/babel-plugin-jsx": "3.0.0",
-    "@vue/compiler-core": "^3.5.41",
-    "@vue/compiler-dom": "^3.5.41",
+    "@vue/compiler-core": "^3.5.42",
+    "@vue/compiler-dom": "^3.5.42",
     "comment-json": "^5.0.0",
     "lru-cache": "^11.5.2",
-    "magic-string": "^1.2.2",
+    "magic-string": "^1.2.3",
     "merge": "^2.1.1",
     "pathe": "^2.0.3",
     "postcss": "^8.5.26",
     "postcss-selector-parser": "^7.1.5",
-    "vue": "^3.5.41",
-    "@weapp-core/constants": "0.2.0",
-    "@weapp-vite/ast": "6.22.0",
-    "@weapp-core/shared": "3.1.1",
-    "rolldown-require": "2.0.26"
+    "vue": "^3.5.42",
+    "@weapp-core/shared": "3.2.0",
+    "rolldown-require": "2.0.27",
+    "@weapp-vite/ast": "6.24.0",
+    "@weapp-core/constants": "0.2.0"
   },
   "publishConfig": {
     "access": "public",