@vue/runtime-dom 3.4.15 → 3.4.17

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.4.15
+* @vue/runtime-dom v3.4.17
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -410,7 +410,7 @@ var VueRuntimeDOM = (function (exports) {
       /**
        * @internal
        */
-      this._dirtyLevel = 2;
+      this._dirtyLevel = 4;
       /**
        * @internal
        */
@@ -430,26 +430,27 @@ var VueRuntimeDOM = (function (exports) {
       recordEffectScope(this, scope);
     }
     get dirty() {
-      if (this._dirtyLevel === 1) {
+      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) {
             triggerComputed(dep.computed);
-            if (this._dirtyLevel >= 2) {
+            if (this._dirtyLevel >= 4) {
               break;
             }
           }
         }
-        if (this._dirtyLevel < 2) {
+        if (this._dirtyLevel === 1) {
           this._dirtyLevel = 0;
         }
         resetTracking();
       }
-      return this._dirtyLevel >= 2;
+      return this._dirtyLevel >= 4;
     }
     set dirty(v) {
-      this._dirtyLevel = v ? 2 : 0;
+      this._dirtyLevel = v ? 4 : 0;
     }
     run() {
       this._dirtyLevel = 0;
@@ -489,7 +490,7 @@ var VueRuntimeDOM = (function (exports) {
     effect2._depsLength = 0;
   }
   function postCleanupEffect(effect2) {
-    if (effect2.deps && effect2.deps.length > effect2._depsLength) {
+    if (effect2.deps.length > effect2._depsLength) {
       for (let i = effect2._depsLength; i < effect2.deps.length; i++) {
         cleanupDepEffect(effect2.deps[i], effect2);
       }
@@ -572,29 +573,26 @@ var VueRuntimeDOM = (function (exports) {
     var _a;
     pauseScheduling();
     for (const effect2 of dep.keys()) {
-      if (effect2._dirtyLevel < dirtyLevel && dep.get(effect2) === effect2._trackId) {
-        const lastDirtyLevel = effect2._dirtyLevel;
+      let tracking;
+      if (effect2._dirtyLevel < dirtyLevel && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
+        effect2._shouldSchedule || (effect2._shouldSchedule = effect2._dirtyLevel === 0);
         effect2._dirtyLevel = dirtyLevel;
-        if (lastDirtyLevel === 0) {
-          effect2._shouldSchedule = true;
-          {
-            (_a = effect2.onTrigger) == null ? void 0 : _a.call(effect2, extend({ effect: effect2 }, debuggerEventExtraInfo));
+      }
+      if (effect2._shouldSchedule && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
+        {
+          (_a = effect2.onTrigger) == null ? void 0 : _a.call(effect2, extend({ effect: effect2 }, debuggerEventExtraInfo));
+        }
+        effect2.trigger();
+        if ((!effect2._runnings || effect2.allowRecurse) && effect2._dirtyLevel !== 2) {
+          effect2._shouldSchedule = false;
+          if (effect2.scheduler) {
+            queueEffectSchedulers.push(effect2.scheduler);
           }
-          effect2.trigger();
         }
       }
     }
-    scheduleEffects(dep);
     resetScheduling();
   }
-  function scheduleEffects(dep) {
-    for (const effect2 of dep.keys()) {
-      if (effect2.scheduler && effect2._shouldSchedule && (!effect2._runnings || effect2.allowRecurse) && dep.get(effect2) === effect2._trackId) {
-        effect2._shouldSchedule = false;
-        queueEffectSchedulers.push(effect2.scheduler);
-      }
-    }
-  }
 
   const createDep = (cleanup, computed) => {
     const dep = /* @__PURE__ */ new Map();
@@ -677,7 +675,7 @@ var VueRuntimeDOM = (function (exports) {
       if (dep) {
         triggerEffects(
           dep,
-          2,
+          4,
           {
             target,
             type,
@@ -1262,7 +1260,9 @@ var VueRuntimeDOM = (function (exports) {
     return raw ? toRaw(raw) : observed;
   }
   function markRaw(value) {
-    def(value, "__v_skip", true);
+    if (Object.isExtensible(value)) {
+      def(value, "__v_skip", true);
+    }
     return value;
   }
   const toReactive = (value) => isObject(value) ? reactive(value) : value;
@@ -1276,8 +1276,10 @@ var VueRuntimeDOM = (function (exports) {
       this["__v_isReadonly"] = false;
       this.effect = new ReactiveEffect(
         () => getter(this._value),
-        () => triggerRefValue(this, 1),
-        () => this.dep && scheduleEffects(this.dep)
+        () => triggerRefValue(
+          this,
+          this.effect._dirtyLevel === 2 ? 2 : 3
+        )
       );
       this.effect.computed = this;
       this.effect.active = this._cacheable = !isSSR;
@@ -1285,14 +1287,12 @@ var VueRuntimeDOM = (function (exports) {
     }
     get value() {
       const self = toRaw(this);
-      if (!self._cacheable || self.effect.dirty) {
-        if (hasChanged(self._value, self._value = self.effect.run())) {
-          triggerRefValue(self, 2);
-        }
+      if ((!self._cacheable || self.effect.dirty) && hasChanged(self._value, self._value = self.effect.run())) {
+        triggerRefValue(self, 4);
       }
       trackRefValue(self);
-      if (self.effect._dirtyLevel >= 1) {
-        triggerRefValue(self, 1);
+      if (self.effect._dirtyLevel >= 2) {
+        triggerRefValue(self, 2);
       }
       return self._value;
     }
@@ -1330,14 +1330,15 @@ var VueRuntimeDOM = (function (exports) {
   }
 
   function trackRefValue(ref2) {
+    var _a;
     if (shouldTrack && activeEffect) {
       ref2 = toRaw(ref2);
       trackEffect(
         activeEffect,
-        ref2.dep || (ref2.dep = createDep(
+        (_a = ref2.dep) != null ? _a : ref2.dep = createDep(
           () => ref2.dep = void 0,
           ref2 instanceof ComputedRefImpl ? ref2 : void 0
-        )),
+        ),
         {
           target: ref2,
           type: "get",
@@ -1346,7 +1347,7 @@ var VueRuntimeDOM = (function (exports) {
       );
     }
   }
-  function triggerRefValue(ref2, dirtyLevel = 2, newVal) {
+  function triggerRefValue(ref2, dirtyLevel = 4, newVal) {
     ref2 = toRaw(ref2);
     const dep = ref2.dep;
     if (dep) {
@@ -1395,12 +1396,12 @@ var VueRuntimeDOM = (function (exports) {
       if (hasChanged(newVal, this._rawValue)) {
         this._rawValue = newVal;
         this._value = useDirectValue ? newVal : toReactive(newVal);
-        triggerRefValue(this, 2, newVal);
+        triggerRefValue(this, 4, newVal);
       }
     }
   }
   function triggerRef(ref2) {
-    triggerRefValue(ref2, 2, ref2.value );
+    triggerRefValue(ref2, 4, ref2.value );
   }
   function unref(ref2) {
     return isRef(ref2) ? ref2.value : ref2;
@@ -5425,11 +5426,12 @@ If you want to remount the same app, move your app creation logic into a factory
           return app;
         },
         runWithContext(fn) {
+          const lastApp = currentApp;
           currentApp = app;
           try {
             return fn();
           } finally {
-            currentApp = null;
+            currentApp = lastApp;
           }
         }
       };
@@ -6010,10 +6012,9 @@ If you want to remount the same app, move your app creation logic into a factory
     } else {
       const _isString = isString(ref);
       const _isRef = isRef(ref);
-      const isVFor = rawRef.f;
       if (_isString || _isRef) {
         const doSet = () => {
-          if (isVFor) {
+          if (rawRef.f) {
             const existing = _isString ? hasOwn(setupState, ref) ? setupState[ref] : refs[ref] : ref.value;
             if (isUnmount) {
               isArray(existing) && remove(existing, refValue);
@@ -6046,11 +6047,11 @@ If you want to remount the same app, move your app creation logic into a factory
             warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
           }
         };
-        if (isUnmount || isVFor) {
-          doSet();
-        } else {
+        if (value) {
           doSet.id = -1;
           queuePostRenderEffect(doSet, parentSuspense);
+        } else {
+          doSet();
         }
       } else {
         warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
@@ -6349,7 +6350,7 @@ Server rendered element contains more child nodes than client vdom.`
         if (props) {
           {
             for (const key in props) {
-              if (propHasMismatch(el, key, props[key], vnode)) {
+              if (propHasMismatch(el, key, props[key], vnode, parentComponent)) {
                 hasMismatch = true;
               }
               if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
@@ -6524,7 +6525,8 @@ Server rendered element contains fewer child nodes than client vdom.`
     };
     return [hydrate, hydrateNode];
   }
-  function propHasMismatch(el, key, clientValue, vnode) {
+  function propHasMismatch(el, key, clientValue, vnode, instance) {
+    var _a;
     let mismatchType;
     let mismatchKey;
     let actual;
@@ -6547,6 +6549,10 @@ Server rendered element contains fewer child nodes than client vdom.`
           }
         }
       }
+      const cssVars = (_a = instance == null ? void 0 : instance.getCssVars) == null ? void 0 : _a.call(instance);
+      for (const key2 in cssVars) {
+        expectedMap.set(`--${key2}`, String(cssVars[key2]));
+      }
       if (!isMapEqual(actualMap, expectedMap)) {
         mismatchType = mismatchKey = "style";
       }
@@ -9513,7 +9519,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.15";
+  const version = "3.4.17";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -9929,6 +9935,9 @@ Component that was made reactive: `,
         document.querySelectorAll(`[data-v-owner="${instance.uid}"]`)
       ).forEach((node) => setVarsOnNode(node, vars));
     };
+    {
+      instance.getCssVars = () => getter(instance.proxy);
+    }
     const setVars = () => {
       const vars = getter(instance.proxy);
       setVarsOnVNode(instance.subTree, vars);
@@ -10794,9 +10803,6 @@ Component that was made reactive: `,
       );
       return;
     }
-    if (isArrayValue && looseEqual(value, oldValue)) {
-      return;
-    }
     for (let i = 0, l = el.options.length; i < l; i++) {
       const option = el.options[i];
       const optionValue = getValue(option);