@vue/compat 3.4.30 → 3.4.31

package/dist/vue.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.30
+* @vue/compat v3.4.31
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -378,11 +378,14 @@ function looseIndexOf(arr, val) {
   return arr.findIndex((item) => looseEqual(item, val));
 }
 
+const isRef$1 = (val) => {
+  return !!(val && val.__v_isRef === true);
+};
 const toDisplayString = (val) => {
-  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
+  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
 };
 const replacer = (_key, val) => {
-  if (val && val.__v_isRef) {
+  if (isRef$1(val)) {
     return replacer(_key, val.value);
   } else if (isMap(val)) {
     return {
@@ -529,7 +532,7 @@ class ReactiveEffect {
     /**
      * @internal
      */
-    this._dirtyLevel = 5;
+    this._dirtyLevel = 4;
     /**
      * @internal
      */
@@ -549,20 +552,14 @@ class ReactiveEffect {
     recordEffectScope(this, scope);
   }
   get dirty() {
-    if (this._dirtyLevel === 2)
-      return false;
-    if (this._dirtyLevel === 3 || this._dirtyLevel === 4) {
+    if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
       this._dirtyLevel = 1;
       pauseTracking();
       for (let i = 0; i < this._depsLength; i++) {
         const dep = this.deps[i];
         if (dep.computed) {
-          if (dep.computed.effect._dirtyLevel === 2) {
-            resetTracking();
-            return true;
-          }
           triggerComputed(dep.computed);
-          if (this._dirtyLevel >= 5) {
+          if (this._dirtyLevel >= 4) {
             break;
           }
         }
@@ -572,10 +569,10 @@ class ReactiveEffect {
       }
       resetTracking();
     }
-    return this._dirtyLevel >= 5;
+    return this._dirtyLevel >= 4;
   }
   set dirty(v) {
-    this._dirtyLevel = v ? 5 : 0;
+    this._dirtyLevel = v ? 4 : 0;
   }
   run() {
     this._dirtyLevel = 0;
@@ -697,17 +694,8 @@ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
   pauseScheduling();
   for (const effect2 of dep.keys()) {
     let tracking;
-    if (!dep.computed && effect2.computed) {
-      if (effect2._runnings > 0 && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
-        effect2._dirtyLevel = 2;
-        continue;
-      }
-    }
     if (effect2._dirtyLevel < dirtyLevel && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
       effect2._shouldSchedule || (effect2._shouldSchedule = effect2._dirtyLevel === 0);
-      if (effect2.computed && effect2._dirtyLevel === 2) {
-        effect2._shouldSchedule = true;
-      }
       effect2._dirtyLevel = dirtyLevel;
     }
     if (effect2._shouldSchedule && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
@@ -715,7 +703,7 @@ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
         (_a = effect2.onTrigger) == null ? void 0 : _a.call(effect2, extend({ effect: effect2 }, debuggerEventExtraInfo));
       }
       effect2.trigger();
-      if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 3) {
+      if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 2) {
         effect2._shouldSchedule = false;
         if (effect2.scheduler) {
           queueEffectSchedulers.push(effect2.scheduler);
@@ -807,7 +795,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
     if (dep) {
       triggerEffects(
         dep,
-        5,
+        4,
         {
           target,
           type,
@@ -1410,7 +1398,7 @@ class ComputedRefImpl {
       () => getter(this._value),
       () => triggerRefValue(
         this,
-        this.effect._dirtyLevel === 3 ? 3 : 4
+        this.effect._dirtyLevel === 2 ? 2 : 3
       )
     );
     this.effect.computed = this;
@@ -1419,11 +1407,8 @@ class ComputedRefImpl {
   }
   get value() {
     const self = toRaw(this);
-    const lastDirtyLevel = self.effect._dirtyLevel;
     if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
-      if (lastDirtyLevel !== 3) {
-        triggerRefValue(self, 5);
-      }
+      triggerRefValue(self, 4);
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
@@ -1432,7 +1417,7 @@ class ComputedRefImpl {
 
 getter: `, this.getter);
       }
-      triggerRefValue(self, 3);
+      triggerRefValue(self, 2);
     }
     return self._value;
   }
@@ -1487,7 +1472,7 @@ function trackRefValue(ref2) {
     );
   }
 }
-function triggerRefValue(ref2, dirtyLevel = 5, newVal, oldVal) {
+function triggerRefValue(ref2, dirtyLevel = 4, newVal, oldVal) {
   ref2 = toRaw(ref2);
   const dep = ref2.dep;
   if (dep) {
@@ -1538,12 +1523,12 @@ class RefImpl {
       const oldVal = this._rawValue;
       this._rawValue = newVal;
       this._value = useDirectValue ? newVal : toReactive(newVal);
-      triggerRefValue(this, 5, newVal, oldVal);
+      triggerRefValue(this, 4, newVal, oldVal);
     }
   }
 }
 function triggerRef(ref2) {
-  triggerRefValue(ref2, 5, ref2.value );
+  triggerRefValue(ref2, 4, ref2.value );
 }
 function unref(ref2) {
   return isRef(ref2) ? ref2.value : ref2;
@@ -5745,7 +5730,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.30"}`;
+  Vue.version = `2.6.14-compat:${"3.4.31"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -11496,7 +11481,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.30";
+const version = "3.4.31";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -17412,7 +17397,7 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
         node2.name = rewriteIdentifier(node2.name, parent, node2);
         ids.push(node2);
       } else {
-        if (!(needPrefix && isLocal) && parent.type !== "CallExpression" && parent.type !== "NewExpression" && parent.type !== "MemberExpression") {
+        if (!(needPrefix && isLocal) && (!parent || parent.type !== "CallExpression" && parent.type !== "NewExpression" && parent.type !== "MemberExpression")) {
           node2.isConstant = true;
         }
         ids.push(node2);

package/dist/vue.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.30
+* @vue/compat v3.4.31
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -306,11 +306,14 @@ function looseIndexOf(arr, val) {
   return arr.findIndex((item) => looseEqual(item, val));
 }
 
+const isRef$1 = (val) => {
+  return !!(val && val.__v_isRef === true);
+};
 const toDisplayString = (val) => {
-  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
+  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
 };
 const replacer = (_key, val) => {
-  if (val && val.__v_isRef) {
+  if (isRef$1(val)) {
     return replacer(_key, val.value);
   } else if (isMap(val)) {
     return {
@@ -447,7 +450,7 @@ class ReactiveEffect {
     /**
      * @internal
      */
-    this._dirtyLevel = 5;
+    this._dirtyLevel = 4;
     /**
      * @internal
      */
@@ -467,20 +470,14 @@ class ReactiveEffect {
     recordEffectScope(this, scope);
   }
   get dirty() {
-    if (this._dirtyLevel === 2)
-      return false;
-    if (this._dirtyLevel === 3 || this._dirtyLevel === 4) {
+    if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
       this._dirtyLevel = 1;
       pauseTracking();
       for (let i = 0; i < this._depsLength; i++) {
         const dep = this.deps[i];
         if (dep.computed) {
-          if (dep.computed.effect._dirtyLevel === 2) {
-            resetTracking();
-            return true;
-          }
           triggerComputed(dep.computed);
-          if (this._dirtyLevel >= 5) {
+          if (this._dirtyLevel >= 4) {
             break;
           }
         }
@@ -490,10 +487,10 @@ class ReactiveEffect {
       }
       resetTracking();
     }
-    return this._dirtyLevel >= 5;
+    return this._dirtyLevel >= 4;
   }
   set dirty(v) {
-    this._dirtyLevel = v ? 5 : 0;
+    this._dirtyLevel = v ? 4 : 0;
   }
   run() {
     this._dirtyLevel = 0;
@@ -610,22 +607,13 @@ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
   pauseScheduling();
   for (const effect2 of dep.keys()) {
     let tracking;
-    if (!dep.computed && effect2.computed) {
-      if (effect2._runnings > 0 && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
-        effect2._dirtyLevel = 2;
-        continue;
-      }
-    }
     if (effect2._dirtyLevel < dirtyLevel && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
       effect2._shouldSchedule || (effect2._shouldSchedule = effect2._dirtyLevel === 0);
-      if (effect2.computed && effect2._dirtyLevel === 2) {
-        effect2._shouldSchedule = true;
-      }
       effect2._dirtyLevel = dirtyLevel;
     }
     if (effect2._shouldSchedule && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
       effect2.trigger();
-      if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 3) {
+      if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 2) {
         effect2._shouldSchedule = false;
         if (effect2.scheduler) {
           queueEffectSchedulers.push(effect2.scheduler);
@@ -711,7 +699,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
     if (dep) {
       triggerEffects(
         dep,
-        5);
+        4);
     }
   }
   resetScheduling();
@@ -1264,7 +1252,7 @@ class ComputedRefImpl {
       () => getter(this._value),
       () => triggerRefValue(
         this,
-        this.effect._dirtyLevel === 3 ? 3 : 4
+        this.effect._dirtyLevel === 2 ? 2 : 3
       )
     );
     this.effect.computed = this;
@@ -1273,15 +1261,12 @@ class ComputedRefImpl {
   }
   get value() {
     const self = toRaw(this);
-    const lastDirtyLevel = self.effect._dirtyLevel;
     if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
-      if (lastDirtyLevel !== 3) {
-        triggerRefValue(self, 5);
-      }
+      triggerRefValue(self, 4);
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
-      triggerRefValue(self, 3);
+      triggerRefValue(self, 2);
     }
     return self._value;
   }
@@ -1324,7 +1309,7 @@ function trackRefValue(ref2) {
       ));
   }
 }
-function triggerRefValue(ref2, dirtyLevel = 5, newVal, oldVal) {
+function triggerRefValue(ref2, dirtyLevel = 4, newVal, oldVal) {
   ref2 = toRaw(ref2);
   const dep = ref2.dep;
   if (dep) {
@@ -1367,12 +1352,12 @@ class RefImpl {
       this._rawValue;
       this._rawValue = newVal;
       this._value = useDirectValue ? newVal : toReactive(newVal);
-      triggerRefValue(this, 5);
+      triggerRefValue(this, 4);
     }
   }
 }
 function triggerRef(ref2) {
-  triggerRefValue(ref2, 5);
+  triggerRefValue(ref2, 4);
 }
 function unref(ref2) {
   return isRef(ref2) ? ref2.value : ref2;
@@ -4463,7 +4448,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.30"}`;
+  Vue.version = `2.6.14-compat:${"3.4.31"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -9161,7 +9146,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.30";
+const version = "3.4.31";
 const warn$1 = NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;
@@ -14821,7 +14806,7 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
         node2.name = rewriteIdentifier(node2.name, parent, node2);
         ids.push(node2);
       } else {
-        if (!(needPrefix && isLocal) && parent.type !== "CallExpression" && parent.type !== "NewExpression" && parent.type !== "MemberExpression") {
+        if (!(needPrefix && isLocal) && (!parent || parent.type !== "CallExpression" && parent.type !== "NewExpression" && parent.type !== "MemberExpression")) {
           node2.isConstant = true;
         }
         ids.push(node2);

package/dist/vue.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.4.30
+* @vue/compat v3.4.31
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -327,11 +327,14 @@ function looseIndexOf(arr, val) {
   return arr.findIndex((item) => looseEqual(item, val));
 }
 
+const isRef$1 = (val) => {
+  return !!(val && val.__v_isRef === true);
+};
 const toDisplayString = (val) => {
-  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? JSON.stringify(val, replacer, 2) : String(val);
+  return isString(val) ? val : val == null ? "" : isArray(val) || isObject(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef$1(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
 };
 const replacer = (_key, val) => {
-  if (val && val.__v_isRef) {
+  if (isRef$1(val)) {
     return replacer(_key, val.value);
   } else if (isMap(val)) {
     return {
@@ -478,7 +481,7 @@ class ReactiveEffect {
     /**
      * @internal
      */
-    this._dirtyLevel = 5;
+    this._dirtyLevel = 4;
     /**
      * @internal
      */
@@ -498,20 +501,14 @@ class ReactiveEffect {
     recordEffectScope(this, scope);
   }
   get dirty() {
-    if (this._dirtyLevel === 2)
-      return false;
-    if (this._dirtyLevel === 3 || this._dirtyLevel === 4) {
+    if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
       this._dirtyLevel = 1;
       pauseTracking();
       for (let i = 0; i < this._depsLength; i++) {
         const dep = this.deps[i];
         if (dep.computed) {
-          if (dep.computed.effect._dirtyLevel === 2) {
-            resetTracking();
-            return true;
-          }
           triggerComputed(dep.computed);
-          if (this._dirtyLevel >= 5) {
+          if (this._dirtyLevel >= 4) {
             break;
           }
         }
@@ -521,10 +518,10 @@ class ReactiveEffect {
       }
       resetTracking();
     }
-    return this._dirtyLevel >= 5;
+    return this._dirtyLevel >= 4;
   }
   set dirty(v) {
-    this._dirtyLevel = v ? 5 : 0;
+    this._dirtyLevel = v ? 4 : 0;
   }
   run() {
     this._dirtyLevel = 0;
@@ -646,17 +643,8 @@ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
   pauseScheduling();
   for (const effect2 of dep.keys()) {
     let tracking;
-    if (!dep.computed && effect2.computed) {
-      if (effect2._runnings > 0 && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
-        effect2._dirtyLevel = 2;
-        continue;
-      }
-    }
     if (effect2._dirtyLevel < dirtyLevel && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
       effect2._shouldSchedule || (effect2._shouldSchedule = effect2._dirtyLevel === 0);
-      if (effect2.computed && effect2._dirtyLevel === 2) {
-        effect2._shouldSchedule = true;
-      }
       effect2._dirtyLevel = dirtyLevel;
     }
     if (effect2._shouldSchedule && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
@@ -664,7 +652,7 @@ function triggerEffects(dep, dirtyLevel, debuggerEventExtraInfo) {
         (_a = effect2.onTrigger) == null ? void 0 : _a.call(effect2, extend({ effect: effect2 }, debuggerEventExtraInfo));
       }
       effect2.trigger();
-      if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 3) {
+      if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 2) {
         effect2._shouldSchedule = false;
         if (effect2.scheduler) {
           queueEffectSchedulers.push(effect2.scheduler);
@@ -756,7 +744,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
     if (dep) {
       triggerEffects(
         dep,
-        5,
+        4,
         {
           target,
           type,
@@ -1359,7 +1347,7 @@ class ComputedRefImpl {
       () => getter(this._value),
       () => triggerRefValue(
         this,
-        this.effect._dirtyLevel === 3 ? 3 : 4
+        this.effect._dirtyLevel === 2 ? 2 : 3
       )
     );
     this.effect.computed = this;
@@ -1368,11 +1356,8 @@ class ComputedRefImpl {
   }
   get value() {
     const self = toRaw(this);
-    const lastDirtyLevel = self.effect._dirtyLevel;
     if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
-      if (lastDirtyLevel !== 3) {
-        triggerRefValue(self, 5);
-      }
+      triggerRefValue(self, 4);
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
@@ -1381,7 +1366,7 @@ class ComputedRefImpl {
 
 getter: `, this.getter);
       }
-      triggerRefValue(self, 3);
+      triggerRefValue(self, 2);
     }
     return self._value;
   }
@@ -1436,7 +1421,7 @@ function trackRefValue(ref2) {
     );
   }
 }
-function triggerRefValue(ref2, dirtyLevel = 5, newVal, oldVal) {
+function triggerRefValue(ref2, dirtyLevel = 4, newVal, oldVal) {
   ref2 = toRaw(ref2);
   const dep = ref2.dep;
   if (dep) {
@@ -1487,12 +1472,12 @@ class RefImpl {
       const oldVal = this._rawValue;
       this._rawValue = newVal;
       this._value = useDirectValue ? newVal : toReactive(newVal);
-      triggerRefValue(this, 5, newVal, oldVal);
+      triggerRefValue(this, 4, newVal, oldVal);
     }
   }
 }
 function triggerRef(ref2) {
-  triggerRefValue(ref2, 5, ref2.value );
+  triggerRefValue(ref2, 4, ref2.value );
 }
 function unref(ref2) {
   return isRef(ref2) ? ref2.value : ref2;
@@ -5694,7 +5679,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.30"}`;
+  Vue.version = `2.6.14-compat:${"3.4.31"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -11405,7 +11390,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.30";
+const version = "3.4.31";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;