@vue/compiler-sfc 3.6.0-rc.1 → 3.6.0-rc.2

package/dist/compiler-sfc.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-rc.1
+  * @vue/compiler-sfc v3.6.0-rc.2
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -15812,7 +15812,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 }
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
-const version = "3.6.0-rc.1";
+const version = "3.6.0-rc.2";
 const parseCache = parseCache$1;
 const errorMessages = {
 	..._vue_compiler_dom.errorMessages,

package/dist/compiler-sfc.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-rc.1
+  * @vue/compiler-sfc v3.6.0-rc.2
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -17630,7 +17630,7 @@ function getSelfName(filename) {
 	const nameMatch = filename.replace(/\?.*$/, "").match(/([^/\\]+)\.\w+$/);
 	return nameMatch ? capitalize(camelize(nameMatch[1])) : null;
 }
-function createTransformContext(root, { filename = "", prefixIdentifiers = false, hoistStatic = false, hmr = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, slotted = true, ssr = false, inSSR = false, ssrCssVars = ``, bindingMetadata = EMPTY_OBJ, inline = false, isTS = false, eventDelegation = true, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) {
+function createTransformContext(root, { filename = "", prefixIdentifiers = false, hoistStatic = false, hmr = false, cacheHandlers = false, nodeTransforms = [], directiveTransforms = {}, transformHoist = null, isBuiltInComponent = NOOP, isCustomElement = NOOP, expressionPlugins = [], scopeId = null, slotted = true, ssr = false, inSSR = false, ssrCssVars = ``, bindingMetadata = EMPTY_OBJ, inline = false, isTS = false, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) {
 	const context = {
 		filename,
 		selfName: getSelfName(filename),
@@ -17652,7 +17652,6 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		bindingMetadata,
 		inline,
 		isTS,
-		eventDelegation,
 		onError,
 		onWarn,
 		compatConfig,
@@ -21966,6 +21965,14 @@ const resolveModifiers = (key, modifiers, context, loc) => {
 	const eventOptionModifiers = [];
 	for (let i = 0; i < modifiers.length; i++) {
 		const modifier = modifiers[i].content;
+		if (modifier === "delegate") {
+			if (context) {
+				const error = /* @__PURE__ */ new SyntaxError(`.delegate modifier is only supported in Vapor components.`);
+				error.loc = modifiers[i].loc;
+				context.onWarn(error);
+			}
+			continue;
+		}
 		if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 		else {
 			const keyString = isString$1(key) ? key : isStaticExp(key) ? key.content : null;
@@ -25176,7 +25183,6 @@ const defaultOptions = {
 	bindingMetadata: EMPTY_OBJ,
 	inline: false,
 	isTS: false,
-	eventDelegation: true,
 	onError: defaultOnError,
 	onWarn: defaultOnWarn
 };
@@ -25855,16 +25861,14 @@ function genDeclarations(declarations, context, shouldDeclare) {
 	const varNames = /* @__PURE__ */ new Set();
 	declarations.forEach(({ name, isIdentifier, value }) => {
 		if (isIdentifier) {
-			const varName = ids[name] = `_${name}`;
-			varNames.add(varName);
+			const varName = ids[name] = context.getUniqueLocalName(`_${name}`, varNames);
 			if (shouldDeclare) push(`const `);
 			push(`${varName} = `, ...genExpression(value, context), NEWLINE);
 		}
 	});
 	declarations.forEach(({ name, isIdentifier, value }) => {
 		if (!isIdentifier) {
-			const varName = `_${name}`;
-			varNames.add(varName);
+			const varName = context.getUniqueLocalName(`_${name}`, varNames);
 			if (shouldDeclare) push(`const `);
 			push(`${varName} = `, ...context.withId(() => genExpression(value, context), ids), NEWLINE);
 			ids[name] = varName;
@@ -27672,11 +27676,28 @@ var CodegenContext = class {
 	enterScope() {
 		return [this.scopeLevel++, () => this.scopeLevel--];
 	}
-	isHelperNameAvailable(name) {
-		if (this.bindingNames.has(name)) return false;
+	getUniqueLocalName(base, scopeNames) {
+		const name = this.findAvailableName(base, scopeNames);
+		scopeNames.add(name);
+		this.generatedLocalNames.add(name);
+		return name;
+	}
+	isNameAvailable(name, reservedNames) {
+		if (this.bindingNames.has(name) || reservedNames.has(name)) return false;
 		for (const alias of this.helpers.values()) if (alias === name) return false;
 		return true;
 	}
+	findAvailableName(base, reservedNames) {
+		if (this.isNameAvailable(base, reservedNames)) return base;
+		const map = this.nextIdMap.get(base);
+		let next = 1;
+		while (true) {
+			const id = getNextId(map, next);
+			const name = `${base}${id}`;
+			if (this.isNameAvailable(name, reservedNames)) return name;
+			next = id + 1;
+		}
+	}
 	initNextIdMap() {
 		if (this.bindingNames.size === 0) return;
 		const map = /* @__PURE__ */ new Map();
@@ -27716,20 +27737,9 @@ var CodegenContext = class {
 		this.helper = (name) => {
 			if (this.helpers.has(name)) return this.helpers.get(name);
 			const base = `_${helperNameAliases[name] || name}`;
-			if (this.isHelperNameAvailable(base)) {
-				this.helpers.set(name, base);
-				return base;
-			}
-			const map = this.nextIdMap.get(base);
-			let next = 1;
-			while (true) {
-				const alias = `${base}${getNextId(map, next)}`;
-				if (this.isHelperNameAvailable(alias)) {
-					this.helpers.set(name, alias);
-					return alias;
-				}
-				next++;
-			}
+			const alias = this.findAvailableName(base, this.generatedLocalNames);
+			this.helpers.set(name, alias);
+			return alias;
 		};
 		this.delegates = /* @__PURE__ */ new Set();
 		this.identifiers = Object.create(null);
@@ -27739,6 +27749,7 @@ var CodegenContext = class {
 		this.templateVars = /* @__PURE__ */ new Map();
 		this.nextIdMap = /* @__PURE__ */ new Map();
 		this.lastIdMap = /* @__PURE__ */ new Map();
+		this.generatedLocalNames = /* @__PURE__ */ new Set();
 		this.lastTIndex = -1;
 		const defaultOptions = {
 			mode: "module",
@@ -28754,6 +28765,16 @@ const transformVOn = (dir, node, context) => {
 	const isComponent = node.tagType === 1;
 	const isSlotOutlet = node.tag === "slot";
 	if (!exp && !modifiers.length) context.options.onError(createCompilerError(35, loc));
+	let delegateModifier;
+	let nonDelegateModifiers;
+	for (let i = 0; i < modifiers.length; i++) {
+		const modifier = modifiers[i];
+		if (modifier.content === "delegate") {
+			delegateModifier || (delegateModifier = modifier);
+			nonDelegateModifiers || (nonDelegateModifiers = modifiers.slice(0, i));
+		} else if (nonDelegateModifiers) nonDelegateModifiers.push(modifier);
+	}
+	if (nonDelegateModifiers) modifiers = nonDelegateModifiers;
 	arg = resolveExpression(arg);
 	if (arg.isStatic && arg.content.startsWith("vue:")) arg = extend({}, arg, { content: `vnode-${arg.content.slice(4)}` });
 	const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = resolveModifiers(arg.isStatic ? `on${arg.content}` : arg, modifiers, null, loc);
@@ -28766,17 +28787,24 @@ const transformVOn = (dir, node, context) => {
 	}
 	arg = normalizeStaticEventArg(arg, nonKeyModifiers);
 	if (keyModifiers.length && isStaticExp(arg) && !isKeyboardEvent(`on${arg.content.toLowerCase()}`)) keyModifiers.length = 0;
-	if (isComponent || isSlotOutlet) return {
-		key: arg,
-		value: exp || EMPTY_EXPRESSION,
-		handler: true,
-		handlerModifiers: {
-			keys: keyModifiers,
-			nonKeys: nonKeyModifiers,
-			options: eventOptionModifiers
-		}
-	};
-	const delegate = context.options.eventDelegation && arg.isStatic && !eventOptionModifiers.length && !hasStopHandlerForStaticEvent(node, arg.content) && delegatedEvents(arg.content);
+	if (isComponent || isSlotOutlet) {
+		if (delegateModifier) warnDelegate(context, delegateModifier, ".delegate modifier is only supported on native DOM elements. The modifier will be ignored.");
+		return {
+			key: arg,
+			value: exp || EMPTY_EXPRESSION,
+			handler: true,
+			handlerModifiers: {
+				keys: keyModifiers,
+				nonKeys: nonKeyModifiers,
+				options: eventOptionModifiers
+			}
+		};
+	}
+	const isDelegatableEvent = !!delegateModifier && arg.isStatic && delegatedEvents(arg.content);
+	const hasStopHandler = isDelegatableEvent && !eventOptionModifiers.length && hasStopHandlerForStaticEvent(node, arg.content);
+	if (delegateModifier && !arg.isStatic) warnDelegate(context, delegateModifier, ".delegate modifier requires a static event name. The listener will be attached directly.");
+	else if (delegateModifier && !isDelegatableEvent) warnDelegate(context, delegateModifier, `.delegate modifier is not supported on the "${arg.content}" event. The listener will be attached directly.`);
+	const delegate = isDelegatableEvent && !eventOptionModifiers.length && !hasStopHandler;
 	const operation = {
 		type: 6,
 		element: context.reference(),
@@ -28810,6 +28838,11 @@ function hasStopHandlerForStaticEvent(node, eventName) {
 		return nonKeyModifiers.includes("stop") && normalizeStaticEventArg(arg, nonKeyModifiers).content === eventName;
 	});
 }
+function warnDelegate(context, modifier, message) {
+	const error = new SyntaxError(message);
+	error.loc = modifier.loc;
+	context.options.onWarn(error);
+}
 //#endregion
 //#region packages/compiler-vapor/src/transforms/vShow.ts
 const transformVShow = (dir, node, context) => {
@@ -43072,7 +43105,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
 init_objectSpread2();
-const version = "3.6.0-rc.1";
+const version = "3.6.0-rc.2";
 const parseCache = parseCache$1;
 const errorMessages = _objectSpread2(_objectSpread2({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.6.0-rc.1",
+  "version": "3.6.0-rc.2",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -47,11 +47,11 @@
     "magic-string": "^0.30.21",
     "postcss": "^8.5.19",
     "source-map-js": "^1.2.1",
-    "@vue/compiler-core": "3.6.0-rc.1",
-    "@vue/compiler-dom": "3.6.0-rc.1",
-    "@vue/compiler-ssr": "3.6.0-rc.1",
-    "@vue/shared": "3.6.0-rc.1",
-    "@vue/compiler-vapor": "3.6.0-rc.1"
+    "@vue/compiler-ssr": "3.6.0-rc.2",
+    "@vue/compiler-core": "3.6.0-rc.2",
+    "@vue/compiler-vapor": "3.6.0-rc.2",
+    "@vue/compiler-dom": "3.6.0-rc.2",
+    "@vue/shared": "3.6.0-rc.2"
   },
   "devDependencies": {
     "@babel/types": "^7.29.7",