@vue/runtime-dom 3.4.29 → 3.4.30

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.4.29
+* @vue/runtime-dom v3.4.30
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -442,8 +442,10 @@ var VueRuntimeDOM = (function (exports) {
         for (let i = 0; i < this._depsLength; i++) {
           const dep = this.deps[i];
           if (dep.computed) {
-            if (dep.computed.effect._dirtyLevel === 2)
+            if (dep.computed.effect._dirtyLevel === 2) {
+              resetTracking();
               return true;
+            }
             triggerComputed(dep.computed);
             if (this._dirtyLevel >= 5) {
               break;
@@ -579,13 +581,13 @@ var VueRuntimeDOM = (function (exports) {
     var _a;
     pauseScheduling();
     for (const effect2 of dep.keys()) {
+      let tracking;
       if (!dep.computed && effect2.computed) {
-        if (dep.get(effect2) === effect2._trackId && effect2._runnings > 0) {
+        if (effect2._runnings > 0 && (tracking != null ? tracking : tracking = dep.get(effect2) === effect2._trackId)) {
           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) {
@@ -1302,8 +1304,11 @@ var VueRuntimeDOM = (function (exports) {
     }
     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())) {
-        triggerRefValue(self, 5);
+        if (lastDirtyLevel !== 3) {
+          triggerRefValue(self, 5);
+        }
       }
       trackRefValue(self);
       if (self.effect._dirtyLevel >= 2) {
@@ -2751,7 +2756,6 @@ If this is a native custom element, make sure to exclude it from component resol
       }
     },
     hydrate: hydrateSuspense,
-    create: createSuspenseBoundary,
     normalize: normalizeSuspenseChildren
   };
   const Suspense = SuspenseImpl ;
@@ -5309,18 +5313,8 @@ If you want to remount the same app, move your app creation logic into a factory
       let domType = node.nodeType;
       vnode.el = node;
       {
-        if (!("__vnode" in node)) {
-          Object.defineProperty(node, "__vnode", {
-            value: vnode,
-            enumerable: false
-          });
-        }
-        if (!("__vueParentComponent" in node)) {
-          Object.defineProperty(node, "__vueParentComponent", {
-            value: parentComponent,
-            enumerable: false
-          });
-        }
+        def(node, "__vnode", vnode, true);
+        def(node, "__vueParentComponent", parentComponent, true);
       }
       if (patchFlag === -2) {
         optimized = false;
@@ -5543,7 +5537,9 @@ Server rendered element contains more child nodes than client vdom.`
         if (props) {
           {
             for (const key in props) {
-              if (propHasMismatch(el, key, props[key], vnode, parentComponent)) {
+              if (// #11189 skip if this node has directives that have created hooks
+              // as it could have mutated the DOM in any possible way
+              !(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) {
                 logMismatchError();
               }
               if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
@@ -5718,7 +5714,6 @@ Server rendered element contains fewer child nodes than client vdom.`
     return [hydrate, hydrateNode];
   }
   function propHasMismatch(el, key, clientValue, vnode, instance) {
-    var _a;
     let mismatchType;
     let mismatchKey;
     let actual;
@@ -5741,13 +5736,8 @@ Server rendered element contains fewer child nodes than client vdom.`
           }
         }
       }
-      const root = instance == null ? void 0 : instance.subTree;
-      if (vnode === root || // eslint-disable-next-line no-restricted-syntax
-      (root == null ? void 0 : root.type) === Fragment && root.children.includes(vnode)) {
-        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 (instance) {
+        resolveCssVars(instance, vnode, expectedMap);
       }
       if (!isMapEqual(actualMap, expectedMap)) {
         mismatchType = mismatchKey = "style";
@@ -5807,8 +5797,8 @@ Server rendered element contains fewer child nodes than client vdom.`
     const styleMap = /* @__PURE__ */ new Map();
     for (const item of str.split(";")) {
       let [key, value] = item.split(":");
-      key = key == null ? void 0 : key.trim();
-      value = value == null ? void 0 : value.trim();
+      key = key.trim();
+      value = value && value.trim();
       if (key && value) {
         styleMap.set(key, value);
       }
@@ -5826,6 +5816,18 @@ Server rendered element contains fewer child nodes than client vdom.`
     }
     return true;
   }
+  function resolveCssVars(instance, vnode, expectedMap) {
+    const root = instance.subTree;
+    if (instance.getCssVars && (vnode === root || root && root.type === Fragment && root.children.includes(vnode))) {
+      const cssVars = instance.getCssVars();
+      for (const key in cssVars) {
+        expectedMap.set(`--${key}`, String(cssVars[key]));
+      }
+    }
+    if (vnode === root && instance.parent) {
+      resolveCssVars(instance.parent, instance.vnode, expectedMap);
+    }
+  }
 
   let supported;
   let perf;
@@ -6143,14 +6145,8 @@ Server rendered element contains fewer child nodes than client vdom.`
         }
       }
       {
-        Object.defineProperty(el, "__vnode", {
-          value: vnode,
-          enumerable: false
-        });
-        Object.defineProperty(el, "__vueParentComponent", {
-          value: parentComponent,
-          enumerable: false
-        });
+        def(el, "__vnode", vnode, true);
+        def(el, "__vueParentComponent", parentComponent, true);
       }
       if (dirs) {
         invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
@@ -6212,6 +6208,9 @@ Server rendered element contains fewer child nodes than client vdom.`
     };
     const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
       const el = n2.el = n1.el;
+      {
+        el.__vnode = n2;
+      }
       let { patchFlag, dynamicChildren, dirs } = n2;
       patchFlag |= n1.patchFlag & 16;
       const oldProps = n1.props || EMPTY_OBJ;
@@ -7106,6 +7105,9 @@ Server rendered element contains fewer child nodes than client vdom.`
         dirs,
         memoIndex
       } = vnode;
+      if (patchFlag === -2) {
+        optimized = false;
+      }
       if (ref != null) {
         setRef(ref, null, parentSuspense, vnode, true);
       }
@@ -7137,7 +7139,6 @@ Server rendered element contains fewer child nodes than client vdom.`
             vnode,
             parentComponent,
             parentSuspense,
-            optimized,
             internals,
             doRemove
           );
@@ -8407,7 +8408,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       }
       updateCssVars(n2);
     },
-    remove(vnode, parentComponent, parentSuspense, optimized, { um: unmount, o: { remove: hostRemove } }, doRemove) {
+    remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
       const { shapeFlag, children, anchor, targetAnchor, target, props } = vnode;
       if (target) {
         hostRemove(targetAnchor);
@@ -9579,7 +9580,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.29";
+  const version = "3.4.30";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -10159,7 +10160,10 @@ Component that was made reactive: `,
       if (value == null || isBoolean && !includeBooleanAttr(value)) {
         el.removeAttribute(key);
       } else {
-        el.setAttribute(key, isBoolean ? "" : String(value));
+        el.setAttribute(
+          key,
+          isBoolean ? "" : isSymbol(value) ? String(value) : value
+        );
       }
     }
   }
@@ -10320,7 +10324,7 @@ Expected function or array of functions, received type ${typeof value}.`
         parentSuspense,
         unmountChildren
       );
-      if (key === "value" || key === "checked" || key === "selected") {
+      if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) {
         patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
       }
     } else {