@vue/compat 3.6.0-rc.6 → 3.6.0-rc.8

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.6
+  * @vue/compat v3.6.0-rc.8
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -544,6 +544,8 @@ function setupFlagsHandler(target) {
 function warn$2(msg, ...args) {
 	console.warn(`[Vue warn] ${msg}`, ...args);
 }
+//#endregion
+//#region packages/reactivity/src/system.ts
 const notifyBuffer = [];
 let batchDepth = 0;
 let activeSub = void 0;
@@ -4016,7 +4018,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			else done();
 		},
 		clone(node) {
-			return cloneHooks(node);
+			return cloneHooks ? cloneHooks(node) : hooks;
 		}
 	};
 	return hooks;
@@ -4894,7 +4896,7 @@ function defineAsyncComponent(source) {
 		name: "AsyncComponentWrapper",
 		__asyncLoader: load,
 		__asyncHydrate(el, instance, hydrate) {
-			performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy);
+			performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, true);
 		},
 		get __asyncResolved() {
 			return getResolvedComp();
@@ -5013,10 +5015,10 @@ const useAsyncComponentState = (delay, timeout, onError, instance = currentInsta
 * shared between core and vapor
 * @internal
 */
-function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy) {
+function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, skipIfUpdated) {
 	const wasConnected = el.isConnected;
 	let patched = false;
-	(instance.bu || (instance.bu = [])).push(() => patched = true);
+	if (skipIfUpdated) (instance.bu || (instance.bu = [])).push(() => patched = true);
 	const performHydrate = () => {
 		if (patched) {
 			if (!!(process.env.NODE_ENV !== "production")) {
@@ -6269,37 +6271,32 @@ function createPropsRestProxy(props, excludedKeys) {
 function withAsyncContext(getAwaitable) {
 	const ctx = getCurrentGenericInstance();
 	const inSSRSetup = isInSSRComponentSetup;
-	const restoreAsyncContext = ctx && ctx.restoreAsyncContext ? ctx.restoreAsyncContext.bind(ctx) : void 0;
 	if (!!(process.env.NODE_ENV !== "production") && !ctx) warn$1("withAsyncContext called without active current instance. This is likely a bug.");
 	let awaitable = getAwaitable();
 	setCurrentInstance(null, void 0);
 	if (inSSRSetup) setInSSRSetupState(false);
 	const restore = () => {
-		const resetStoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
+		const stoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
 		setCurrentInstance(ctx);
 		if (inSSRSetup) setInSSRSetupState(true);
-		const reset = restoreAsyncContext && restoreAsyncContext();
-		return () => {
-			if (reset) reset();
-			if (resetStoppedScope) resetStoppedScope.reset();
-		};
+		return stoppedScope;
 	};
 	const cleanup = () => {
 		setCurrentInstance(null, void 0);
 		if (inSSRSetup) setInSSRSetupState(false);
 	};
 	if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
-		const reset = restore();
+		const stoppedScope = restore();
 		Promise.resolve().then(() => Promise.resolve().then(() => {
-			if (reset) reset();
+			if (stoppedScope) stoppedScope.reset();
 			cleanup();
 		}));
 		throw e;
 	});
 	return [awaitable, () => {
-		const reset = restore();
+		const stoppedScope = restore();
 		Promise.resolve().then(() => {
-			if (reset) reset();
+			if (stoppedScope) stoppedScope.reset();
 			cleanup();
 		});
 	}];
@@ -6626,7 +6623,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
 		if (options.el) return vm.$mount(options.el);
 		else return vm;
 	}
-	Vue.version = `2.6.14-compat:3.6.0-rc.6`;
+	Vue.version = `2.6.14-compat:3.6.0-rc.8`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -8641,24 +8638,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 		}
 		if (moveType !== 2 && shapeFlag & 1 && transition) {
 			if (moveType === 0) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense, true);
-			else {
-				const { leave, delayLeave, afterLeave } = transition;
-				const remove = () => {
-					if (vnode.ctx.isUnmounted) hostRemove(el);
-					else hostInsert(el, container, anchor);
-				};
-				const performLeave = () => {
-					const wasLeaving = el._isLeaving || !!el[leaveCbKey];
-					if (el._isLeaving) el[leaveCbKey](true);
-					if (transition.persisted && !wasLeaving) remove();
-					else leave(el, () => {
-						remove();
-						afterLeave && afterLeave();
-					});
-				};
-				if (delayLeave) delayLeave(el, remove, performLeave);
-				else performLeave();
-			}
+			else performTransitionLeave(el, transition, () => {
+				if (vnode.ctx.isUnmounted) hostRemove(el);
+				else hostInsert(el, container, anchor);
+			}, true, true);
 		} else hostInsert(el, container, anchor);
 	};
 	const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
@@ -8892,13 +8875,15 @@ function performTransitionEnter(el, transition, insert, parentSuspense, force =
 function performTransitionLeave(el, transition, remove, isElement = true, force = false) {
 	const performRemove = () => {
 		remove();
-		if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
+		if (transition && (force || !transition.persisted) && transition.afterLeave) transition.afterLeave();
 	};
 	if (force || isElement && transition && !transition.persisted) {
 		const { leave, delayLeave } = transition;
 		const performLeave = () => {
+			const wasLeaving = el._isLeaving || !!el[leaveCbKey];
 			if (el._isLeaving && force) el[leaveCbKey](true);
-			leave(el, performRemove);
+			if (force && transition.persisted && !wasLeaving) remove();
+			else leave(el, performRemove);
 		};
 		if (delayLeave) delayLeave(el, performRemove, performLeave);
 		else performLeave();
@@ -10261,7 +10246,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.6";
+const version = "3.6.0-rc.8";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -11279,13 +11264,11 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	_renderSlots() {
 		const outlets = this._getSlots();
 		const scopeId = this._instance.type.__scopeId;
-		const slotReplacements = /* @__PURE__ */ new Map();
 		for (let i = 0; i < outlets.length; i++) {
 			const o = outlets[i];
 			const slotName = o.getAttribute("name") || "default";
 			const content = this._slots[slotName];
 			const parent = o.parentNode;
-			const replacementNodes = [];
 			if (content) for (const n of content) {
 				if (scopeId && n.nodeType === 1) {
 					const id = scopeId + "-s";
@@ -11295,20 +11278,10 @@ var VueElementBase = class VueElementBase extends BaseClass {
 					while (child = walker.nextNode()) child.setAttribute(id, "");
 				}
 				parent.insertBefore(n, o);
-				replacementNodes.push(n);
-			}
-			else while (o.firstChild) {
-				const child = o.firstChild;
-				parent.insertBefore(child, o);
-				replacementNodes.push(child);
 			}
+			else while (o.firstChild) parent.insertBefore(o.firstChild, o);
 			parent.removeChild(o);
-			slotReplacements.set(o, {
-				nodes: replacementNodes,
-				usedFallback: !content
-			});
 		}
-		this._updateSlotNodes(slotReplacements);
 	}
 	/**
 	* @internal
@@ -11347,7 +11320,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	* @internal
 	*/
 	_hasShadowRoot() {
-		return this._def.shadowRoot !== false;
+		return this._root !== this;
 	}
 	/**
 	* @internal
@@ -11394,10 +11367,6 @@ var VueElement = class extends VueElementBase {
 		if (this._instance && this._instance.ce) this._instance.ce = void 0;
 		this._app = this._instance = null;
 	}
-	/**
-	* Only called when shadowRoot is false
-	*/
-	_updateSlotNodes(replacements) {}
 	_createVNode() {
 		const baseProps = {};
 		if (!this.shadowRoot) baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.6
+  * @vue/compat v3.6.0-rc.8
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -540,6 +540,8 @@ var Vue = (function() {
 	function warn$2(msg, ...args) {
 		console.warn(`[Vue warn] ${msg}`, ...args);
 	}
+	//#endregion
+	//#region packages/reactivity/src/system.ts
 	const notifyBuffer = [];
 	let batchDepth = 0;
 	let activeSub = void 0;
@@ -3972,7 +3974,7 @@ var Vue = (function() {
 				else done();
 			},
 			clone(node) {
-				return cloneHooks(node);
+				return cloneHooks ? cloneHooks(node) : hooks;
 			}
 		};
 		return hooks;
@@ -4810,7 +4812,7 @@ var Vue = (function() {
 			name: "AsyncComponentWrapper",
 			__asyncLoader: load,
 			__asyncHydrate(el, instance, hydrate) {
-				performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy);
+				performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, true);
 			},
 			get __asyncResolved() {
 				return getResolvedComp();
@@ -4929,10 +4931,10 @@ var Vue = (function() {
 	* shared between core and vapor
 	* @internal
 	*/
-	function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy) {
+	function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, skipIfUpdated) {
 		const wasConnected = el.isConnected;
 		let patched = false;
-		(instance.bu || (instance.bu = [])).push(() => patched = true);
+		if (skipIfUpdated) (instance.bu || (instance.bu = [])).push(() => patched = true);
 		const performHydrate = () => {
 			if (patched) {
 				{
@@ -6181,37 +6183,32 @@ var Vue = (function() {
 	function withAsyncContext(getAwaitable) {
 		const ctx = getCurrentGenericInstance();
 		const inSSRSetup = isInSSRComponentSetup;
-		const restoreAsyncContext = ctx && ctx.restoreAsyncContext ? ctx.restoreAsyncContext.bind(ctx) : void 0;
 		if (!ctx) warn$1("withAsyncContext called without active current instance. This is likely a bug.");
 		let awaitable = getAwaitable();
 		setCurrentInstance(null, void 0);
 		if (inSSRSetup) setInSSRSetupState(false);
 		const restore = () => {
-			const resetStoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
+			const stoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
 			setCurrentInstance(ctx);
 			if (inSSRSetup) setInSSRSetupState(true);
-			const reset = restoreAsyncContext && restoreAsyncContext();
-			return () => {
-				if (reset) reset();
-				if (resetStoppedScope) resetStoppedScope.reset();
-			};
+			return stoppedScope;
 		};
 		const cleanup = () => {
 			setCurrentInstance(null, void 0);
 			if (inSSRSetup) setInSSRSetupState(false);
 		};
 		if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
-			const reset = restore();
+			const stoppedScope = restore();
 			Promise.resolve().then(() => Promise.resolve().then(() => {
-				if (reset) reset();
+				if (stoppedScope) stoppedScope.reset();
 				cleanup();
 			}));
 			throw e;
 		});
 		return [awaitable, () => {
-			const reset = restore();
+			const stoppedScope = restore();
 			Promise.resolve().then(() => {
-				if (reset) reset();
+				if (stoppedScope) stoppedScope.reset();
 				cleanup();
 			});
 		}];
@@ -6536,7 +6533,7 @@ var Vue = (function() {
 			if (options.el) return vm.$mount(options.el);
 			else return vm;
 		}
-		Vue.version = `2.6.14-compat:3.6.0-rc.6`;
+		Vue.version = `2.6.14-compat:3.6.0-rc.8`;
 		Vue.config = singletonApp.config;
 		Vue.use = (plugin, ...options) => {
 			if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -8502,24 +8499,10 @@ var Vue = (function() {
 			}
 			if (moveType !== 2 && shapeFlag & 1 && transition) {
 				if (moveType === 0) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense, true);
-				else {
-					const { leave, delayLeave, afterLeave } = transition;
-					const remove = () => {
-						if (vnode.ctx.isUnmounted) hostRemove(el);
-						else hostInsert(el, container, anchor);
-					};
-					const performLeave = () => {
-						const wasLeaving = el._isLeaving || !!el[leaveCbKey];
-						if (el._isLeaving) el[leaveCbKey](true);
-						if (transition.persisted && !wasLeaving) remove();
-						else leave(el, () => {
-							remove();
-							afterLeave && afterLeave();
-						});
-					};
-					if (delayLeave) delayLeave(el, remove, performLeave);
-					else performLeave();
-				}
+				else performTransitionLeave(el, transition, () => {
+					if (vnode.ctx.isUnmounted) hostRemove(el);
+					else hostInsert(el, container, anchor);
+				}, true, true);
 			} else hostInsert(el, container, anchor);
 		};
 		const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
@@ -8753,13 +8736,15 @@ var Vue = (function() {
 	function performTransitionLeave(el, transition, remove, isElement = true, force = false) {
 		const performRemove = () => {
 			remove();
-			if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
+			if (transition && (force || !transition.persisted) && transition.afterLeave) transition.afterLeave();
 		};
 		if (force || isElement && transition && !transition.persisted) {
 			const { leave, delayLeave } = transition;
 			const performLeave = () => {
+				const wasLeaving = el._isLeaving || !!el[leaveCbKey];
 				if (el._isLeaving && force) el[leaveCbKey](true);
-				leave(el, performRemove);
+				if (force && transition.persisted && !wasLeaving) remove();
+				else leave(el, performRemove);
 			};
 			if (delayLeave) delayLeave(el, performRemove, performLeave);
 			else performLeave();
@@ -10090,7 +10075,7 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-rc.6";
+	const version = "3.6.0-rc.8";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -11082,13 +11067,11 @@ var Vue = (function() {
 		_renderSlots() {
 			const outlets = this._getSlots();
 			const scopeId = this._instance.type.__scopeId;
-			const slotReplacements = /* @__PURE__ */ new Map();
 			for (let i = 0; i < outlets.length; i++) {
 				const o = outlets[i];
 				const slotName = o.getAttribute("name") || "default";
 				const content = this._slots[slotName];
 				const parent = o.parentNode;
-				const replacementNodes = [];
 				if (content) for (const n of content) {
 					if (scopeId && n.nodeType === 1) {
 						const id = scopeId + "-s";
@@ -11098,20 +11081,10 @@ var Vue = (function() {
 						while (child = walker.nextNode()) child.setAttribute(id, "");
 					}
 					parent.insertBefore(n, o);
-					replacementNodes.push(n);
-				}
-				else while (o.firstChild) {
-					const child = o.firstChild;
-					parent.insertBefore(child, o);
-					replacementNodes.push(child);
 				}
+				else while (o.firstChild) parent.insertBefore(o.firstChild, o);
 				parent.removeChild(o);
-				slotReplacements.set(o, {
-					nodes: replacementNodes,
-					usedFallback: !content
-				});
 			}
-			this._updateSlotNodes(slotReplacements);
 		}
 		/**
 		* @internal
@@ -11150,7 +11123,7 @@ var Vue = (function() {
 		* @internal
 		*/
 		_hasShadowRoot() {
-			return this._def.shadowRoot !== false;
+			return this._root !== this;
 		}
 		/**
 		* @internal
@@ -11195,10 +11168,6 @@ var Vue = (function() {
 			if (this._instance && this._instance.ce) this._instance.ce = void 0;
 			this._app = this._instance = null;
 		}
-		/**
-		* Only called when shadowRoot is false
-		*/
-		_updateSlotNodes(replacements) {}
 		_createVNode() {
 			const baseProps = {};
 			if (!this.shadowRoot) baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);