@vue/runtime-dom 3.4.28 → 3.4.29

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.4.28
+* @vue/runtime-dom v3.4.29
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -414,7 +414,7 @@ var VueRuntimeDOM = (function (exports) {
       /**
        * @internal
        */
-      this._dirtyLevel = 4;
+      this._dirtyLevel = 5;
       /**
        * @internal
        */
@@ -434,14 +434,18 @@ var VueRuntimeDOM = (function (exports) {
       recordEffectScope(this, scope);
     }
     get dirty() {
-      if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
+      if (this._dirtyLevel === 2)
+        return false;
+      if (this._dirtyLevel === 3 || this._dirtyLevel === 4) {
         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)
+              return true;
             triggerComputed(dep.computed);
-            if (this._dirtyLevel >= 4) {
+            if (this._dirtyLevel >= 5) {
               break;
             }
           }
@@ -451,10 +455,10 @@ var VueRuntimeDOM = (function (exports) {
         }
         resetTracking();
       }
-      return this._dirtyLevel >= 4;
+      return this._dirtyLevel >= 5;
     }
     set dirty(v) {
-      this._dirtyLevel = v ? 4 : 0;
+      this._dirtyLevel = v ? 5 : 0;
     }
     run() {
       this._dirtyLevel = 0;
@@ -575,9 +579,18 @@ var VueRuntimeDOM = (function (exports) {
     var _a;
     pauseScheduling();
     for (const effect2 of dep.keys()) {
+      if (!dep.computed && effect2.computed) {
+        if (dep.get(effect2) === effect2._trackId && effect2._runnings > 0) {
+          effect2._dirtyLevel = 2;
+          continue;
+        }
+      }
       let tracking;
       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)) {
@@ -585,7 +598,7 @@ var VueRuntimeDOM = (function (exports) {
           (_a = effect2.onTrigger) == null ? void 0 : _a.call(effect2, extend({ effect: effect2 }, debuggerEventExtraInfo));
         }
         effect2.trigger();
-        if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 2) {
+        if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 3) {
           effect2._shouldSchedule = false;
           if (effect2.scheduler) {
             queueEffectSchedulers.push(effect2.scheduler);
@@ -677,7 +690,7 @@ var VueRuntimeDOM = (function (exports) {
       if (dep) {
         triggerEffects(
           dep,
-          4,
+          5,
           {
             target,
             type,
@@ -1280,7 +1293,7 @@ var VueRuntimeDOM = (function (exports) {
         () => getter(this._value),
         () => triggerRefValue(
           this,
-          this.effect._dirtyLevel === 2 ? 2 : 3
+          this.effect._dirtyLevel === 3 ? 3 : 4
         )
       );
       this.effect.computed = this;
@@ -1290,7 +1303,7 @@ var VueRuntimeDOM = (function (exports) {
     get value() {
       const self = toRaw(this);
       if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
-        triggerRefValue(self, 4);
+        triggerRefValue(self, 5);
       }
       trackRefValue(self);
       if (self.effect._dirtyLevel >= 2) {
@@ -1299,7 +1312,7 @@ var VueRuntimeDOM = (function (exports) {
 
 getter: `, this.getter);
         }
-        triggerRefValue(self, 2);
+        triggerRefValue(self, 3);
       }
       return self._value;
     }
@@ -1354,7 +1367,7 @@ getter: `, this.getter);
       );
     }
   }
-  function triggerRefValue(ref2, dirtyLevel = 4, newVal, oldVal) {
+  function triggerRefValue(ref2, dirtyLevel = 5, newVal, oldVal) {
     ref2 = toRaw(ref2);
     const dep = ref2.dep;
     if (dep) {
@@ -1405,12 +1418,12 @@ getter: `, this.getter);
         const oldVal = this._rawValue;
         this._rawValue = newVal;
         this._value = useDirectValue ? newVal : toReactive(newVal);
-        triggerRefValue(this, 4, newVal, oldVal);
+        triggerRefValue(this, 5, newVal, oldVal);
       }
     }
   }
   function triggerRef(ref2) {
-    triggerRefValue(ref2, 4, ref2.value );
+    triggerRefValue(ref2, 5, ref2.value );
   }
   function unref(ref2) {
     return isRef(ref2) ? ref2.value : ref2;
@@ -9566,7 +9579,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.28";
+  const version = "3.4.29";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -10355,8 +10368,8 @@ Expected function or array of functions, received type ${typeof value}.`
 
   /*! #__NO_SIDE_EFFECTS__ */
   // @__NO_SIDE_EFFECTS__
-  function defineCustomElement(options, hydrate2) {
-    const Comp = defineComponent(options);
+  function defineCustomElement(options, extraOptions, hydrate2) {
+    const Comp = defineComponent(options, extraOptions);
     class VueCustomElement extends VueElement {
       constructor(initialProps) {
         super(Comp, initialProps, hydrate2);
@@ -10366,8 +10379,8 @@ Expected function or array of functions, received type ${typeof value}.`
     return VueCustomElement;
   }
   /*! #__NO_SIDE_EFFECTS__ */
-  const defineSSRCustomElement = /* @__NO_SIDE_EFFECTS__ */ (options) => {
-    return /* @__PURE__ */ defineCustomElement(options, hydrate);
+  const defineSSRCustomElement = /* @__NO_SIDE_EFFECTS__ */ (options, extraOptions) => {
+    return /* @__PURE__ */ defineCustomElement(options, extraOptions, hydrate);
   };
   const BaseClass = typeof HTMLElement !== "undefined" ? HTMLElement : class {
   };