@vue/runtime-core 3.4.3 → 3.4.4

package/dist/runtime-core.cjs.js

@@ -1455,7 +1455,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     hiddenContainer,
     anchor,
     deps: 0,
-    pendingId: 0,
+    pendingId: suspenseId++,
     timeout: typeof timeout === "number" ? timeout : -1,
     activeBranch: null,
     pendingBranch: null,
@@ -1794,7 +1794,6 @@ function doWatch(source, cb, {
   onTrack,
   onTrigger
 } = shared.EMPTY_OBJ) {
-  var _a;
   if (cb && once) {
     const _cb = cb;
     cb = (...args) => {
@@ -1802,6 +1801,11 @@ function doWatch(source, cb, {
       unwatch();
     };
   }
+  if (deep !== void 0 && typeof deep === "number") {
+    warn$1(
+      `watch() "deep" option with number value will be used as watch depth in future versions. Please use a boolean instead to avoid potential breakage.`
+    );
+  }
   if (!cb) {
     if (immediate !== void 0) {
       warn$1(
@@ -1826,7 +1830,11 @@ function doWatch(source, cb, {
       `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.`
     );
   };
-  const instance = reactivity.getCurrentScope() === ((_a = currentInstance) == null ? void 0 : _a.scope) ? currentInstance : null;
+  const instance = currentInstance;
+  const reactiveGetter = (source2) => deep === true ? source2 : (
+    // for deep: false, only traverse root-level properties
+    traverse(source2, deep === false ? 1 : void 0)
+  );
   let getter;
   let forceTrigger = false;
   let isMultiSource = false;
@@ -1834,7 +1842,7 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = reactivity.isShallow(source);
   } else if (reactivity.isReactive(source)) {
-    getter = reactivity.isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    getter = () => reactiveGetter(source);
     forceTrigger = true;
   } else if (shared.isArray(source)) {
     isMultiSource = true;
@@ -1843,7 +1851,7 @@ function doWatch(source, cb, {
       if (reactivity.isRef(s)) {
         return s.value;
       } else if (reactivity.isReactive(s)) {
-        return traverse(s, reactivity.isShallow(s) || deep === false ? 1 : void 0);
+        return reactiveGetter(s);
       } else if (shared.isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else {
@@ -1855,9 +1863,6 @@ function doWatch(source, cb, {
       getter = () => callWithErrorHandling(source, instance, 2);
     } else {
       getter = () => {
-        if (instance && instance.isUnmounted) {
-          return;
-        }
         if (cleanup) {
           cleanup();
         }
@@ -3293,6 +3298,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
     return reactivity.ref();
   }
   const camelizedName = shared.camelize(name);
+  const hyphenatedName = shared.hyphenate(name);
   const res = reactivity.customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -3310,7 +3316,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
       set(value) {
         const rawProps = i.vnode.props;
         if (!(rawProps && // check if parent has passed v-model
-        (name in rawProps || camelizedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps)) && shared.hasChanged(value, localValue)) {
+        (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps)) && shared.hasChanged(value, localValue)) {
           localValue = value;
           trigger();
         }
@@ -7985,7 +7991,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.3";
+const version = "3.4.4";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;

package/dist/runtime-core.cjs.prod.js

@@ -944,7 +944,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     hiddenContainer,
     anchor,
     deps: 0,
-    pendingId: 0,
+    pendingId: suspenseId++,
     timeout: typeof timeout === "number" ? timeout : -1,
     activeBranch: null,
     pendingBranch: null,
@@ -1252,7 +1252,6 @@ function doWatch(source, cb, {
   onTrack,
   onTrigger
 } = shared.EMPTY_OBJ) {
-  var _a;
   if (cb && once) {
     const _cb = cb;
     cb = (...args) => {
@@ -1260,7 +1259,11 @@ function doWatch(source, cb, {
       unwatch();
     };
   }
-  const instance = reactivity.getCurrentScope() === ((_a = currentInstance) == null ? void 0 : _a.scope) ? currentInstance : null;
+  const instance = currentInstance;
+  const reactiveGetter = (source2) => deep === true ? source2 : (
+    // for deep: false, only traverse root-level properties
+    traverse(source2, deep === false ? 1 : void 0)
+  );
   let getter;
   let forceTrigger = false;
   let isMultiSource = false;
@@ -1268,7 +1271,7 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = reactivity.isShallow(source);
   } else if (reactivity.isReactive(source)) {
-    getter = reactivity.isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    getter = () => reactiveGetter(source);
     forceTrigger = true;
   } else if (shared.isArray(source)) {
     isMultiSource = true;
@@ -1277,7 +1280,7 @@ function doWatch(source, cb, {
       if (reactivity.isRef(s)) {
         return s.value;
       } else if (reactivity.isReactive(s)) {
-        return traverse(s, reactivity.isShallow(s) || deep === false ? 1 : void 0);
+        return reactiveGetter(s);
       } else if (shared.isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else ;
@@ -1287,9 +1290,6 @@ function doWatch(source, cb, {
       getter = () => callWithErrorHandling(source, instance, 2);
     } else {
       getter = () => {
-        if (instance && instance.isUnmounted) {
-          return;
-        }
         if (cleanup) {
           cleanup();
         }
@@ -2529,6 +2529,7 @@ function useAttrs() {
 function useModel(props, name, options = shared.EMPTY_OBJ) {
   const i = getCurrentInstance();
   const camelizedName = shared.camelize(name);
+  const hyphenatedName = shared.hyphenate(name);
   const res = reactivity.customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -2546,7 +2547,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
       set(value) {
         const rawProps = i.vnode.props;
         if (!(rawProps && // check if parent has passed v-model
-        (name in rawProps || camelizedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps)) && shared.hasChanged(value, localValue)) {
+        (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps)) && shared.hasChanged(value, localValue)) {
           localValue = value;
           trigger();
         }
@@ -6253,7 +6254,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.3";
+const version = "3.4.4";
 const warn$1 = shared.NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;

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

@@ -1,6 +1,6 @@
-import { pauseTracking, resetTracking, isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, ref, shallowReadonly, track, customRef, reactive, shallowReactive, trigger, isProxy, proxyRefs, markRaw, EffectScope, computed as computed$1, isReadonly } from '@vue/reactivity';
+import { pauseTracking, resetTracking, isRef, toRaw, isShallow as isShallow$1, isReactive, ReactiveEffect, ref, shallowReadonly, track, customRef, reactive, shallowReactive, trigger, isProxy, proxyRefs, markRaw, EffectScope, computed as computed$1, isReadonly } from '@vue/reactivity';
 export { EffectScope, ReactiveEffect, TrackOpTypes, TriggerOpTypes, customRef, effect, effectScope, getCurrentScope, isProxy, isReactive, isReadonly, isRef, isShallow, markRaw, onScopeDispose, proxyRefs, reactive, readonly, ref, shallowReactive, shallowReadonly, shallowRef, stop, toRaw, toRef, toRefs, toValue, triggerRef, unref } from '@vue/reactivity';
-import { isString, isFunction, isPromise, isArray, NOOP, getGlobalThis, extend, EMPTY_OBJ, toHandlerKey, looseToNumber, hyphenate, camelize, isObject, isOn, hasOwn, isModelListener, capitalize, toNumber, isSet, isMap, isPlainObject, hasChanged, remove, isBuiltInDirective, invokeArrayFns, isRegExp, isGloballyAllowed, NO, def, isReservedProp, EMPTY_ARR, toRawType, makeMap, normalizeClass, stringifyStyle, normalizeStyle, isKnownSvgAttr, isBooleanAttr, isKnownHtmlAttr, includeBooleanAttr } from '@vue/shared';
+import { isString, isFunction, isPromise, isArray, NOOP, getGlobalThis, extend, EMPTY_OBJ, toHandlerKey, looseToNumber, hyphenate, camelize, isObject, isOn, hasOwn, isModelListener, capitalize, toNumber, hasChanged, isSet, isMap, isPlainObject, remove, isBuiltInDirective, invokeArrayFns, isRegExp, isGloballyAllowed, NO, def, isReservedProp, EMPTY_ARR, toRawType, makeMap, normalizeClass, stringifyStyle, normalizeStyle, isKnownSvgAttr, isBooleanAttr, isKnownHtmlAttr, includeBooleanAttr } from '@vue/shared';
 export { camelize, capitalize, normalizeClass, normalizeProps, normalizeStyle, toDisplayString, toHandlerKey } from '@vue/shared';
 
 const stack = [];
@@ -1457,7 +1457,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     hiddenContainer,
     anchor,
     deps: 0,
-    pendingId: 0,
+    pendingId: suspenseId++,
     timeout: typeof timeout === "number" ? timeout : -1,
     activeBranch: null,
     pendingBranch: null,
@@ -1796,7 +1796,6 @@ function doWatch(source, cb, {
   onTrack,
   onTrigger
 } = EMPTY_OBJ) {
-  var _a;
   if (cb && once) {
     const _cb = cb;
     cb = (...args) => {
@@ -1804,6 +1803,11 @@ function doWatch(source, cb, {
       unwatch();
     };
   }
+  if (!!(process.env.NODE_ENV !== "production") && deep !== void 0 && typeof deep === "number") {
+    warn$1(
+      `watch() "deep" option with number value will be used as watch depth in future versions. Please use a boolean instead to avoid potential breakage.`
+    );
+  }
   if (!!(process.env.NODE_ENV !== "production") && !cb) {
     if (immediate !== void 0) {
       warn$1(
@@ -1828,7 +1832,11 @@ function doWatch(source, cb, {
       `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.`
     );
   };
-  const instance = getCurrentScope() === ((_a = currentInstance) == null ? void 0 : _a.scope) ? currentInstance : null;
+  const instance = currentInstance;
+  const reactiveGetter = (source2) => deep === true ? source2 : (
+    // for deep: false, only traverse root-level properties
+    traverse(source2, deep === false ? 1 : void 0)
+  );
   let getter;
   let forceTrigger = false;
   let isMultiSource = false;
@@ -1836,7 +1844,7 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = isShallow$1(source);
   } else if (isReactive(source)) {
-    getter = isShallow$1(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    getter = () => reactiveGetter(source);
     forceTrigger = true;
   } else if (isArray(source)) {
     isMultiSource = true;
@@ -1845,7 +1853,7 @@ function doWatch(source, cb, {
       if (isRef(s)) {
         return s.value;
       } else if (isReactive(s)) {
-        return traverse(s, isShallow$1(s) || deep === false ? 1 : void 0);
+        return reactiveGetter(s);
       } else if (isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else {
@@ -1857,9 +1865,6 @@ function doWatch(source, cb, {
       getter = () => callWithErrorHandling(source, instance, 2);
     } else {
       getter = () => {
-        if (instance && instance.isUnmounted) {
-          return;
-        }
         if (cleanup) {
           cleanup();
         }
@@ -3297,6 +3302,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
     return ref();
   }
   const camelizedName = camelize(name);
+  const hyphenatedName = hyphenate(name);
   const res = customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -3314,7 +3320,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
       set(value) {
         const rawProps = i.vnode.props;
         if (!(rawProps && // check if parent has passed v-model
-        (name in rawProps || camelizedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps)) && hasChanged(value, localValue)) {
+        (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps)) && hasChanged(value, localValue)) {
           localValue = value;
           trigger();
         }
@@ -8057,7 +8063,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.3";
+const version = "3.4.4";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__ ? devtools$1 : void 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/runtime-core",
-  "version": "3.4.3",
+  "version": "3.4.4",
   "description": "@vue/runtime-core",
   "main": "index.js",
   "module": "dist/runtime-core.esm-bundler.js",
@@ -32,7 +32,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-core#readme",
   "dependencies": {
-    "@vue/shared": "3.4.3",
-    "@vue/reactivity": "3.4.3"
+    "@vue/shared": "3.4.4",
+    "@vue/reactivity": "3.4.4"
   }
 }