@vue/compiler-dom 3.6.0-beta.8 → 3.6.0-rc.1

package/dist/compiler-dom.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-dom v3.6.0-beta.8
+  * @vue/compiler-dom v3.6.0-rc.1
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -278,7 +278,7 @@ function postTransformTransition(node, onError, hasMultipleChildren = defaultHas
 			source: ""
 		}));
 		const child = node.children[0];
-		if (child.type === 1) {
+		if (child.type === 1 && !(0, _vue_compiler_core.findDir)(child, "if")) {
 			for (const p of child.props) if (p.type === 7 && p.name === "show") node.props.push({
 				type: 6,
 				name: "persisted",

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-dom v3.6.0-beta.8
+  * @vue/compiler-dom v3.6.0-rc.1
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -265,7 +265,7 @@ function postTransformTransition(node, onError, hasMultipleChildren = defaultHas
 			source: ""
 		}));
 		const child = node.children[0];
-		if (child.type === 1) {
+		if (child.type === 1 && !(0, _vue_compiler_core.findDir)(child, "if")) {
 			for (const p of child.props) if (p.type === 7 && p.name === "show") node.props.push({
 				type: 6,
 				name: "persisted",

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-dom v3.6.0-beta.8
+  * @vue/compiler-dom v3.6.0-rc.1
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -46,8 +46,6 @@ const camelizeReplacer = (_, c) => c ? c.toUpperCase() : "";
 * @private
 */
 const camelize = cacheStringFunction((str) => str.replace(camelizeRE, camelizeReplacer));
-const hyphenateRE = /\B([A-Z])/g;
-cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase());
 /**
 * @private
 */
@@ -1810,6 +1808,7 @@ function getUnnormalizedProps(props, callPath = []) {
 	return [props, callPath];
 }
 function injectProp(node, prop, context) {
+	if (node.type !== 13 && injectSlotKey(node, prop)) return;
 	let propsWithInjection;
 	/**
 	* 1. mergeProps(...)
@@ -1848,6 +1847,20 @@ function injectProp(node, prop, context) {
 	else if (parentCall) parentCall.arguments[0] = propsWithInjection;
 	else node.arguments[2] = propsWithInjection;
 }
+function injectSlotKey(node, prop) {
+	var _node$arguments, _node$arguments2, _node$arguments3;
+	if (prop.key.type !== 4 || prop.key.content !== "key") return false;
+	const props = node.arguments[2];
+	if (props && !isString(props)) {
+		const [unnormalizedProps] = getUnnormalizedProps(props);
+		if (unnormalizedProps && !isString(unnormalizedProps) && unnormalizedProps.type === 15 && hasProp(prop, unnormalizedProps)) return true;
+	}
+	(_node$arguments = node.arguments)[2] || (_node$arguments[2] = "{}");
+	(_node$arguments2 = node.arguments)[3] || (_node$arguments2[3] = "undefined");
+	(_node$arguments3 = node.arguments)[4] || (_node$arguments3[4] = "undefined");
+	node.arguments[5] = prop.value;
+	return true;
+}
 function hasProp(prop, props) {
 	let result = false;
 	if (prop.key.type === 4) {
@@ -2157,7 +2170,7 @@ const tokenizer = new Tokenizer(stack, {
 		}
 	},
 	oncdata(start, end) {
-		if (stack[0].ns !== 0) onText(getSlice(start, end), start, end);
+		if ((stack[0] ? stack[0].ns : currentOptions.ns) !== 0) onText(getSlice(start, end), start, end);
 		else emitError(1, start - 9);
 	},
 	onprocessinginstruction(start) {
@@ -2649,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, 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, eventDelegation = true, onError = defaultOnError, onWarn = defaultOnWarn, compatConfig }) {
 	const context = {
 		filename,
 		selfName: getSelfName(filename),
@@ -2671,6 +2684,7 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		bindingMetadata,
 		inline,
 		isTS,
+		eventDelegation,
 		onError,
 		onWarn,
 		compatConfig,
@@ -2682,8 +2696,10 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		imports: [],
 		cached: [],
 		constantCache: /* @__PURE__ */ new WeakMap(),
+		vForMemoKeyedNodes: /* @__PURE__ */ new WeakSet(),
 		temps: 0,
 		identifiers: Object.create(null),
+		identifierScopes: Object.create(null),
 		scopes: {
 			vFor: 0,
 			vSlot: 0,
@@ -2734,8 +2750,12 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 			context.parent.children.splice(removalIndex, 1);
 		},
 		onNodeRemoved: NOOP,
-		addIdentifiers(exp) {},
+		addIdentifiers(exp, type = "local") {},
 		removeIdentifiers(exp) {},
+		isSlotScopeIdentifier(name) {
+			const scopes = context.identifierScopes[name];
+			return scopes ? scopes[scopes.length - 1] === "slot" : false;
+		},
 		hoist(exp) {
 			if (isString(exp)) exp = createSimpleExpression(exp);
 			context.hoists.push(exp);
@@ -3099,6 +3119,7 @@ function genNode(node, context) {
 		case 24: break;
 		case 25: break;
 		case 26: break;
+		/* v8 ignore start */
 		case 10: break;
 		default:
 			assert(false, `unhandled codegen node type: ${node.type}`);
@@ -3317,7 +3338,7 @@ const transformExpression = (node, context) => {
 			if (dir.type === 7 && dir.name !== "for") {
 				const exp = dir.exp;
 				const arg = dir.arg;
-				if (exp && exp.type === 4 && !(dir.name === "on" && arg) && !(memo && arg && arg.type === 4 && arg.content === "key")) dir.exp = processExpression(exp, context, dir.name === "slot");
+				if (exp && exp.type === 4 && !(dir.name === "on" && arg) && !(memo && context.vForMemoKeyedNodes.has(node) && arg && arg.type === 4 && arg.content === "key")) dir.exp = processExpression(exp, context, dir.name === "slot");
 				if (arg && arg.type === 4 && !arg.isStatic) dir.arg = processExpression(arg, context);
 			}
 		}
@@ -3463,10 +3484,9 @@ const transformFor = createStructuralDirectiveTransform("for", (node, dir, conte
 		const isTemplate = isTemplateNode(node);
 		const memo = findDir(node, "memo");
 		const keyProp = findProp(node, `key`, false, true);
-		const isDirKey = keyProp && keyProp.type === 7;
+		keyProp && keyProp.type;
 		let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
-		if (memo && keyExp && isDirKey) {}
-		const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
+		const keyProperty = keyExp ? createObjectProperty(`key`, keyExp) : null;
 		const isStableFragment = forNode.source.type === 4 && forNode.source.constType > 0;
 		const fragmentFlag = isStableFragment ? 64 : keyProp ? 128 : 256;
 		forNode.codegenNode = createVNodeCall(context, helper(FRAGMENT), void 0, renderExp, fragmentFlag, void 0, void 0, true, !isStableFragment, false, node.loc);
@@ -3510,7 +3530,7 @@ const transformFor = createStructuralDirectiveTransform("for", (node, dir, conte
 						`)`
 					]),
 					createCompoundExpression([
-						`if (_cached`,
+						`if (_cached && _cached.el`,
 						...keyExp ? [` && _cached.key === `, keyExp] : [],
 						` && ${context.helperString(IS_MEMO_SAME)}(_cached, _memo)) return _cached`
 					]),
@@ -4262,7 +4282,7 @@ function rewriteFilter(node, context) {
 		const child = node.children[i];
 		if (typeof child !== "object") continue;
 		if (child.type === 4) parseFilter(child, context);
-		else if (child.type === 8) rewriteFilter(node, context);
+		else if (child.type === 8) rewriteFilter(child, context);
 		else if (child.type === 5) rewriteFilter(child.content, context);
 	}
 }
@@ -4737,7 +4757,7 @@ function postTransformTransition(node, onError, hasMultipleChildren = defaultHas
 			source: ""
 		}));
 		const child = node.children[0];
-		if (child.type === 1) {
+		if (child.type === 1 && !findDir(child, "if")) {
 			for (const p of child.props) if (p.type === 7 && p.name === "show") node.props.push({
 				type: 6,
 				name: "persisted",