@vue/compiler-dom 3.6.0-rc.1 → 3.6.0-rc.3

package/dist/compiler-dom.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-dom v3.6.0-rc.1
+  * @vue/compiler-dom v3.6.0-rc.3
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -202,6 +202,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 (modifier === "native" && context && (0, _vue_compiler_core.checkCompatEnabled)("COMPILER_V_ON_NATIVE", context, loc)) eventOptionModifiers.push(modifier);
 		else if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 		else {
@@ -453,10 +461,11 @@ function stringifyElement(node, context) {
 					res += ` ${p.arg.content}="__VUE_EXP_START__${exp.content}__VUE_EXP_END__"`;
 					continue;
 				}
-				if ((0, _vue_shared.isBooleanAttr)(p.arg.content) && exp.content === "false") continue;
+				if (((0, _vue_shared.isBooleanAttr)(p.arg.content) || p.arg.content === "hidden") && exp.content === "false") continue;
 				let evaluated = evaluateConstant(exp);
 				if (evaluated != null) {
 					const arg = p.arg && p.arg.content;
+					if (arg === "hidden" && typeof evaluated === "number" && !(0, _vue_shared.includeBooleanAttr)(evaluated)) continue;
 					if (arg === "class") evaluated = (0, _vue_shared.normalizeClass)(evaluated);
 					else if (arg === "style") evaluated = (0, _vue_shared.stringifyStyle)((0, _vue_shared.normalizeStyle)(evaluated));
 					res += ` ${p.arg.content}="${(0, _vue_shared.escapeHtml)(evaluated)}"`;

package/dist/compiler-dom.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-dom v3.6.0-rc.1
+  * @vue/compiler-dom v3.6.0-rc.3
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -194,6 +194,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 (modifier === "native" && context && (0, _vue_compiler_core.checkCompatEnabled)("COMPILER_V_ON_NATIVE", context, loc)) eventOptionModifiers.push(modifier);
 		else if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 		else {
@@ -440,10 +448,11 @@ function stringifyElement(node, context) {
 					res += ` ${p.arg.content}="__VUE_EXP_START__${exp.content}__VUE_EXP_END__"`;
 					continue;
 				}
-				if ((0, _vue_shared.isBooleanAttr)(p.arg.content) && exp.content === "false") continue;
+				if (((0, _vue_shared.isBooleanAttr)(p.arg.content) || p.arg.content === "hidden") && exp.content === "false") continue;
 				let evaluated = evaluateConstant(exp);
 				if (evaluated != null) {
 					const arg = p.arg && p.arg.content;
+					if (arg === "hidden" && typeof evaluated === "number" && !(0, _vue_shared.includeBooleanAttr)(evaluated)) continue;
 					if (arg === "class") evaluated = (0, _vue_shared.normalizeClass)(evaluated);
 					else if (arg === "style") evaluated = (0, _vue_shared.stringifyStyle)((0, _vue_shared.normalizeStyle)(evaluated));
 					res += ` ${p.arg.content}="${(0, _vue_shared.escapeHtml)(evaluated)}"`;

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-dom v3.6.0-rc.1
+  * @vue/compiler-dom v3.6.0-rc.3
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -2662,7 +2662,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),
@@ -2684,7 +2684,6 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		bindingMetadata,
 		inline,
 		isTS,
-		eventDelegation,
 		onError,
 		onWarn,
 		compatConfig,
@@ -3511,15 +3510,22 @@ const transformFor = createStructuralDirectiveTransform("for", (node, dir, conte
 			else {
 				childBlock = children[0].codegenNode;
 				if (isTemplate && keyProperty) injectProp(childBlock, keyProperty, context);
-				if (childBlock.isBlock !== !isStableFragment) if (childBlock.isBlock) {
+				const shouldUseBlock = !isStableFragment || childBlock.isBlockRequired === true;
+				if (childBlock.isBlock !== shouldUseBlock) if (childBlock.isBlock) {
 					removeHelper(OPEN_BLOCK);
 					removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
 				} else removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent));
-				childBlock.isBlock = !isStableFragment;
+				childBlock.isBlock = shouldUseBlock;
 				if (childBlock.isBlock) {
 					helper(OPEN_BLOCK);
 					helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
-				} else helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+				} else {
+					helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+					if (childBlock.needsPatch) {
+						var _childBlock$patchFlag;
+						childBlock.patchFlag = ((_childBlock$patchFlag = childBlock.patchFlag) !== null && _childBlock$patchFlag !== void 0 ? _childBlock$patchFlag : 0) | 512;
+					}
+				}
 			}
 			if (memo) {
 				const loop = createFunctionExpression(createForLoopParams(forNode.parseResult, [createSimpleExpression(`_cached`)]));
@@ -3762,12 +3768,16 @@ const transformElement = (node, context) => {
 		let vnodeDynamicProps;
 		let dynamicPropNames;
 		let vnodeDirectives;
+		let needsPatch = false;
+		let isBlockRequired = false;
 		let shouldUseBlock = isDynamicComponent || vnodeTag === TELEPORT || vnodeTag === SUSPENSE || !isComponent && (tag === "svg" || tag === "foreignObject" || tag === "math");
 		if (props.length > 0) {
 			const propsBuildResult = buildProps(node, context, void 0, isComponent, isDynamicComponent);
 			vnodeProps = propsBuildResult.props;
 			patchFlag = propsBuildResult.patchFlag;
 			dynamicPropNames = propsBuildResult.dynamicPropNames;
+			needsPatch = propsBuildResult.needsPatch;
+			isBlockRequired = propsBuildResult.isBlockRequired;
 			const directives = propsBuildResult.directives;
 			vnodeDirectives = directives && directives.length ? createArrayExpression(directives.map((dir) => buildDirectiveArgs(dir, context))) : void 0;
 			if (propsBuildResult.shouldUseBlock) shouldUseBlock = true;
@@ -3796,7 +3806,10 @@ const transformElement = (node, context) => {
 			} else vnodeChildren = node.children;
 		}
 		if (dynamicPropNames && dynamicPropNames.length) vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames);
-		node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+		const vnodeCall = node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+		needsPatch = needsPatch && (patchFlag === 0 || patchFlag === 32);
+		if (needsPatch) vnodeCall.needsPatch = true;
+		if (isBlockRequired) vnodeCall.isBlockRequired = true;
 	};
 };
 function resolveComponentType(node, context, ssr = false) {
@@ -3830,6 +3843,7 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 	const runtimeDirectives = [];
 	const hasChildren = children.length > 0;
 	let shouldUseBlock = false;
+	let isBlockRequired = false;
 	let patchFlag = 0;
 	let hasRef = false;
 	let hasClassBinding = false;
@@ -3854,12 +3868,12 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 			const isEventHandler = isOn(name);
 			if (isEventHandler && (!isComponent || isDynamicComponent) && name.toLowerCase() !== "onclick" && name !== "onUpdate:modelValue" && !isReservedProp(name)) hasHydrationEventBinding = true;
 			if (isEventHandler && isReservedProp(name)) hasVnodeHook = true;
+			if (name === "ref") hasRef = true;
 			if (isEventHandler && value.type === 14) value = value.arguments[0];
 			if (value.type === 20 || (value.type === 4 || value.type === 8) && getConstantType(value, context) > 0) return;
-			if (name === "ref") hasRef = true;
-			else if (name === "class") hasClassBinding = true;
+			if (name === "class") hasClassBinding = true;
 			else if (name === "style") hasStyleBinding = true;
-			else if (name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
+			else if (name !== "ref" && name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 			if (isComponent && (name === "class" || name === "style") && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 		} else hasDynamicKeys = true;
 	};
@@ -3885,7 +3899,11 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 			if (name === "once" || name === "memo") continue;
 			if (name === "is" || isVBind && isStaticArgOf(arg, "is") && (isComponentTag(tag) || isCompatEnabled("COMPILER_IS_ON_ELEMENT", context))) continue;
 			if (isVOn && ssr) continue;
-			if (isVBind && isStaticArgOf(arg, "key") || isVOn && hasChildren && isStaticArgOf(arg, "vue:before-update")) shouldUseBlock = true;
+			if (isVBind && isStaticArgOf(arg, "key")) shouldUseBlock = true;
+			if (isVOn && hasChildren && arg && isStaticExp(arg) && camelize(arg.content) === "vue:beforeUpdate") {
+				shouldUseBlock = true;
+				isBlockRequired = true;
+			}
 			if (isVBind && isStaticArgOf(arg, "ref")) pushRefVForMarker();
 			if (!arg && (isVBind || isVOn)) {
 				hasDynamicKeys = true;
@@ -3927,7 +3945,10 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 				}
 			} else if (!isBuiltInDirective(name)) {
 				runtimeDirectives.push(prop);
-				if (hasChildren) shouldUseBlock = true;
+				if (hasChildren) {
+					shouldUseBlock = true;
+					isBlockRequired = true;
+				}
 			}
 		}
 	}
@@ -3944,7 +3965,8 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 		if (dynamicPropNames.length) patchFlag |= 8;
 		if (hasHydrationEventBinding) patchFlag |= 32;
 	}
-	if (!shouldUseBlock && (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) patchFlag |= 512;
+	const needsPatch = (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0);
+	if (!shouldUseBlock && needsPatch) patchFlag |= 512;
 	if (!context.inSSR && propsExpression) switch (propsExpression.type) {
 		case 15:
 			let classKeyIndex = -1;
@@ -3974,7 +3996,9 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
 		directives: runtimeDirectives,
 		patchFlag,
 		dynamicPropNames,
-		shouldUseBlock
+		shouldUseBlock,
+		needsPatch,
+		isBlockRequired
 	};
 }
 function dedupeProperties(properties) {
@@ -4681,6 +4705,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 (modifier === "native" && context && checkCompatEnabled("COMPILER_V_ON_NATIVE", context, loc)) eventOptionModifiers.push(modifier);
 		else if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 		else {