@vue/runtime-dom 3.6.0-beta.14 → 3.6.0-beta.16

package/dist/runtime-dom.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-beta.14
+  * @vue/runtime-dom v3.6.0-beta.16
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -570,7 +570,7 @@ function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
 	const existingInvoker = invokers[rawName];
 	if (nextValue && existingInvoker) existingInvoker.value = !!(process.env.NODE_ENV !== "production") ? sanitizeEventValue(nextValue, rawName) : nextValue;
 	else {
-		const [name, options] = parseName(rawName);
+		const [name, options] = parseEventName(rawName);
 		if (nextValue) addEventListener(el, name, invokers[rawName] = createInvoker(!!(process.env.NODE_ENV !== "production") ? sanitizeEventValue(nextValue, rawName) : nextValue, instance), options);
 		else if (existingInvoker) {
 			removeEventListener(el, name, existingInvoker, options);
@@ -579,7 +579,7 @@ function patchEvent(el, rawName, prevValue, nextValue, instance = null) {
 	}
 }
 const optionsModifierRE = /(?:Once|Passive|Capture)$/;
-function parseName(name) {
+function parseEventName(name) {
 	let options;
 	if (optionsModifierRE.test(name)) {
 		options = {};
@@ -1143,7 +1143,7 @@ const TransitionGroup = /* @__PURE__ */ decorate({
 			prevChildren = [];
 			if (children) for (let i = 0; i < children.length; i++) {
 				const child = children[i];
-				if (child.el && child.el instanceof Element) {
+				if (child.el && child.el instanceof Element && !child.el[vShowHidden]) {
 					prevChildren.push(child);
 					setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
 					positionMap.set(child, getPosition(child.el));
@@ -1644,4 +1644,4 @@ const initDirectivesForSSR = () => {
 	}
 };
 //#endregion
-export { Transition, TransitionGroup, TransitionPropsValidators, VueElement, VueElementBase, baseApplyTranslation, baseUseCssVars, callPendingCbs, createApp, createSSRApp, defineCustomElement, defineSSRCustomElement, ensureHydrationRenderer, ensureRenderer, forceReflow, handleMovedChildren, hasCSSTransform, hydrate, initDirectivesForSSR, nodeOps, normalizeContainer, patchProp, patchStyle, render, resolveTransitionProps, setVarsOnNode, shouldSetAsProp, shouldSetAsPropForVueCE, svgNS, unsafeToTrustedHTML, useCssModule, useCssVars, useHost, useShadowRoot, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, withKeys, withModifiers, xlinkNS };
+export { Transition, TransitionGroup, TransitionPropsValidators, VueElement, VueElementBase, baseApplyTranslation, baseUseCssVars, callPendingCbs, createApp, createSSRApp, defineCustomElement, defineSSRCustomElement, ensureHydrationRenderer, ensureRenderer, forceReflow, handleMovedChildren, hasCSSTransform, hydrate, initDirectivesForSSR, nodeOps, normalizeContainer, parseEventName, patchProp, patchStyle, render, resolveTransitionProps, setVarsOnNode, shouldSetAsProp, shouldSetAsPropForVueCE, svgNS, unsafeToTrustedHTML, useCssModule, useCssVars, useHost, useShadowRoot, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, withKeys, withModifiers, xlinkNS };

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-beta.14
+  * @vue/runtime-dom v3.6.0-beta.16
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -2158,8 +2158,9 @@ var VueRuntimeDOM = (function(exports) {
 			if (once && cb) {
 				const _cb = cb;
 				cb = (...args) => {
-					_cb(...args);
+					const res = _cb(...args);
 					this.stop();
+					return res;
 				};
 			}
 			this.cb = cb;
@@ -2173,7 +2174,7 @@ var VueRuntimeDOM = (function(exports) {
 			if (!this.cb) return;
 			const { immediate, deep, call } = this.options;
 			if (initialRun && !immediate) return;
-			if (deep || this.forceTrigger || (this.isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
+			if (initialRun || deep || this.forceTrigger || (this.isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
 				cleanup(this);
 				const currentWatcher = activeWatcher;
 				activeWatcher = this;
@@ -4225,11 +4226,16 @@ var VueRuntimeDOM = (function(exports) {
 					onError(err);
 					return () => errorComponent ? createVNode(errorComponent, { error: err }) : null;
 				});
-				const { loaded, error, delayed } = useAsyncComponentState(delay, timeout, onError);
+				const { loaded, error, delayed } = useAsyncComponentState(delay, timeout, onError, instance);
 				load().then(() => {
+					if (instance.isUnmounted) return;
 					loaded.value = true;
 					if (instance.parent && instance.parent.vnode && isKeepAlive(instance.parent.vnode)) instance.parent.update();
 				}).catch((err) => {
+					if (instance.isUnmounted) {
+						setPendingRequest(null);
+						return;
+					}
 					onError(err);
 					error.value = err;
 				});
@@ -4287,14 +4293,22 @@ var VueRuntimeDOM = (function(exports) {
 			setPendingRequest: (request) => pendingRequest = request
 		};
 	}
-	const useAsyncComponentState = (delay, timeout, onError) => {
+	const useAsyncComponentState = (delay, timeout, onError, instance = currentInstance) => {
 		const loaded = /* @__PURE__ */ ref(false);
 		const error = /* @__PURE__ */ ref();
 		const delayed = /* @__PURE__ */ ref(!!delay);
-		if (delay) setTimeout(() => {
+		let timeoutTimer;
+		let delayTimer;
+		if (instance) onUnmounted(() => {
+			if (timeoutTimer != null) clearTimeout(timeoutTimer);
+			if (delayTimer != null) clearTimeout(delayTimer);
+		}, instance);
+		if (delay) delayTimer = setTimeout(() => {
+			if (instance && instance.isUnmounted) return;
 			delayed.value = false;
 		}, delay);
-		if (timeout != null) setTimeout(() => {
+		if (timeout != null) timeoutTimer = setTimeout(() => {
+			if (instance && instance.isUnmounted) return;
 			if (!loaded.value && !error.value) {
 				const err = /* @__PURE__ */ new Error(`Async component timed out after ${timeout}ms.`);
 				onError(err);
@@ -5551,12 +5565,13 @@ var VueRuntimeDOM = (function(exports) {
 						for (const key of rawPropKeys) if (key === name || key === camelizedName || key === hyphenatedName) parentPassedModelValue = true;
 						else if (key === `onUpdate:${name}` || key === `onUpdate:${camelizedName}` || key === `onUpdate:${hyphenatedName}`) parentPassedModelUpdater = true;
 					}
-					if (!parentPassedModelValue || !parentPassedModelUpdater) {
+					const hasVModel = parentPassedModelValue && parentPassedModelUpdater;
+					if (!hasVModel) {
 						localValue = value;
 						trigger();
 					}
 					i.emit(`update:${name}`, emittedValue);
-					if (hasChanged(value, emittedValue) && hasChanged(value, prevSetValue) && !hasChanged(emittedValue, prevEmittedValue)) trigger();
+					if (hasChanged(value, prevSetValue) && (hasChanged(value, emittedValue) && !hasChanged(emittedValue, prevEmittedValue) || hasVModel && prevSetValue !== EMPTY_OBJ && !hasChanged(emittedValue, localValue))) trigger();
 					prevSetValue = value;
 					prevEmittedValue = emittedValue;
 				}
@@ -8402,7 +8417,7 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-beta.14";
+	const version = "3.6.0-beta.16";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -8982,7 +8997,7 @@ var VueRuntimeDOM = (function(exports) {
 		const existingInvoker = invokers[rawName];
 		if (nextValue && existingInvoker) existingInvoker.value = sanitizeEventValue(nextValue, rawName);
 		else {
-			const [name, options] = parseName(rawName);
+			const [name, options] = parseEventName(rawName);
 			if (nextValue) addEventListener(el, name, invokers[rawName] = createInvoker(sanitizeEventValue(nextValue, rawName), instance), options);
 			else if (existingInvoker) {
 				removeEventListener(el, name, existingInvoker, options);
@@ -8991,7 +9006,7 @@ var VueRuntimeDOM = (function(exports) {
 		}
 	}
 	const optionsModifierRE = /(?:Once|Passive|Capture)$/;
-	function parseName(name) {
+	function parseEventName(name) {
 		let options;
 		if (optionsModifierRE.test(name)) {
 			options = {};
@@ -9537,7 +9552,7 @@ var VueRuntimeDOM = (function(exports) {
 				prevChildren = [];
 				if (children) for (let i = 0; i < children.length; i++) {
 					const child = children[i];
-					if (child.el && child.el instanceof Element) {
+					if (child.el && child.el instanceof Element && !child.el[vShowHidden]) {
 						prevChildren.push(child);
 						setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
 						positionMap.set(child, getPosition(child.el));