vue 3.4.7 → 3.4.8

package/dist/vue.esm-bundler.js

@@ -1,3 +1,8 @@
+/**
+* vue v3.4.8
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
 import * as runtimeDom from '@vue/runtime-dom';
 import { initCustomFormatter, registerRuntimeCompiler, warn } from '@vue/runtime-dom';
 export * from '@vue/runtime-dom';

package/dist/vue.global.js

@@ -1,3 +1,8 @@
+/**
+* vue v3.4.8
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
 var Vue = (function (exports) {
   'use strict';
 
@@ -2645,8 +2650,6 @@ var Vue = (function (exports) {
     return false;
   }
   function updateHOCHostEl({ vnode, parent }, el) {
-    if (!el)
-      return;
     while (parent) {
       const root = parent.subTree;
       if (root.suspense && root.suspense.activeBranch === vnode) {
@@ -3287,7 +3290,12 @@ If this is a native custom element, make sure to exclude it from component resol
   function setActiveBranch(suspense, branch) {
     suspense.activeBranch = branch;
     const { vnode, parentComponent } = suspense;
-    const el = vnode.el = branch.el;
+    let el = branch.el;
+    while (!el && branch.component) {
+      branch = branch.component.subTree;
+      el = branch.el;
+    }
+    vnode.el = el;
     if (parentComponent && parentComponent.subTree === vnode) {
       parentComponent.vnode.el = el;
       updateHOCHostEl(parentComponent, el);
@@ -6613,29 +6621,34 @@ Server rendered element contains fewer child nodes than client vdom.`
     let actual;
     let expected;
     if (key === "class") {
-      actual = toClassSet(el.getAttribute("class") || "");
-      expected = toClassSet(normalizeClass(clientValue));
-      if (!isSetEqual(actual, expected)) {
+      actual = el.getAttribute("class");
+      expected = normalizeClass(clientValue);
+      if (!isSetEqual(toClassSet(actual || ""), toClassSet(expected))) {
         mismatchType = mismatchKey = `class`;
       }
     } else if (key === "style") {
-      actual = toStyleMap(el.getAttribute("style") || "");
-      expected = toStyleMap(
-        isString(clientValue) ? clientValue : stringifyStyle(normalizeStyle(clientValue))
-      );
+      actual = el.getAttribute("style");
+      expected = isString(clientValue) ? clientValue : stringifyStyle(normalizeStyle(clientValue));
+      const actualMap = toStyleMap(actual);
+      const expectedMap = toStyleMap(expected);
       if (vnode.dirs) {
         for (const { dir, value } of vnode.dirs) {
           if (dir.name === "show" && !value) {
-            expected.set("display", "none");
+            expectedMap.set("display", "none");
           }
         }
       }
-      if (!isMapEqual(actual, expected)) {
+      if (!isMapEqual(actualMap, expectedMap)) {
         mismatchType = mismatchKey = "style";
       }
     } else if (el instanceof SVGElement && isKnownSvgAttr(key) || el instanceof HTMLElement && (isBooleanAttr(key) || isKnownHtmlAttr(key))) {
-      actual = el.hasAttribute(key) ? el.getAttribute(key) : key in el ? el[key] : "";
-      expected = isBooleanAttr(key) ? includeBooleanAttr(clientValue) ? "" : false : clientValue == null ? "" : String(clientValue);
+      if (isBooleanAttr(key)) {
+        actual = el.hasAttribute(key);
+        expected = includeBooleanAttr(clientValue);
+      } else {
+        actual = el.hasAttribute(key) ? el.getAttribute(key) : key in el ? el[key] : "";
+        expected = clientValue == null ? "" : String(clientValue);
+      }
       if (actual !== expected) {
         mismatchType = `attribute`;
         mismatchKey = key;
@@ -9529,7 +9542,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.7";
+  const version = "3.4.8";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;