@vue/runtime-dom 3.4.8 → 3.4.9

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.4.8
+* @vue/runtime-dom v3.4.9
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2676,6 +2676,10 @@ If this is a native custom element, make sure to exclude it from component resol
           rendererInternals
         );
       } else {
+        if (parentSuspense && parentSuspense.deps > 0) {
+          n2.suspense = n1.suspense;
+          return;
+        }
         patchSuspense(
           n1,
           n2,
@@ -4743,58 +4747,6 @@ If this is a native custom element, make sure to exclude it from component resol
   function useAttrs() {
     return getContext().attrs;
   }
-  function useModel(props, name, options = EMPTY_OBJ) {
-    const i = getCurrentInstance();
-    if (!i) {
-      warn$1(`useModel() called without active instance.`);
-      return ref();
-    }
-    if (!i.propsOptions[0][name]) {
-      warn$1(`useModel() called with prop "${name}" which is not declared.`);
-      return ref();
-    }
-    const camelizedName = camelize(name);
-    const hyphenatedName = hyphenate(name);
-    const res = customRef((track, trigger) => {
-      let localValue;
-      watchSyncEffect(() => {
-        const propValue = props[name];
-        if (hasChanged(localValue, propValue)) {
-          localValue = propValue;
-          trigger();
-        }
-      });
-      return {
-        get() {
-          track();
-          return options.get ? options.get(localValue) : localValue;
-        },
-        set(value) {
-          const rawProps = i.vnode.props;
-          if (!(rawProps && // check if parent has passed v-model
-          (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps)) && hasChanged(value, localValue)) {
-            localValue = value;
-            trigger();
-          }
-          i.emit(`update:${name}`, options.set ? options.set(value) : value);
-        }
-      };
-    });
-    const modifierKey = name === "modelValue" ? "modelModifiers" : `${name}Modifiers`;
-    res[Symbol.iterator] = () => {
-      let i2 = 0;
-      return {
-        next() {
-          if (i2 < 2) {
-            return { value: i2++ ? props[modifierKey] || {} : res, done: false };
-          } else {
-            return { done: true };
-          }
-        }
-      };
-    };
-    return res;
-  }
   function getContext() {
     const i = getCurrentInstance();
     if (!i) {
@@ -6581,8 +6533,17 @@ Server rendered element contains fewer child nodes than client vdom.`
         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 (el.hasAttribute(key)) {
+          actual = el.getAttribute(key);
+        } else if (key in el) {
+          const serverValue = el[key];
+          if (!isObject(serverValue)) {
+            actual = serverValue == null ? "" : String(serverValue);
+          }
+        }
+        if (!isObject(clientValue)) {
+          expected = clientValue == null ? "" : String(clientValue);
+        }
       }
       if (actual !== expected) {
         mismatchType = `attribute`;
@@ -6591,15 +6552,15 @@ Server rendered element contains fewer child nodes than client vdom.`
     }
     if (mismatchType) {
       const format = (v) => v === false ? `(not rendered)` : `${mismatchKey}="${v}"`;
-      warn$1(
-        `Hydration ${mismatchType} mismatch on`,
-        el,
-        `
+      const preSegment = `Hydration ${mismatchType} mismatch on`;
+      const postSegment = `
   - rendered on server: ${format(actual)}
   - expected on client: ${format(expected)}
   Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.
-  You should fix the source of the mismatch.`
-      );
+  You should fix the source of the mismatch.`;
+      {
+        warn$1(preSegment, el, postSegment);
+      }
       return true;
     }
     return false;
@@ -9255,6 +9216,59 @@ Component that was made reactive: `,
     return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
   };
 
+  function useModel(props, name, options = EMPTY_OBJ) {
+    const i = getCurrentInstance();
+    if (!i) {
+      warn$1(`useModel() called without active instance.`);
+      return ref();
+    }
+    if (!i.propsOptions[0][name]) {
+      warn$1(`useModel() called with prop "${name}" which is not declared.`);
+      return ref();
+    }
+    const camelizedName = camelize(name);
+    const hyphenatedName = hyphenate(name);
+    const res = customRef((track, trigger) => {
+      let localValue;
+      watchSyncEffect(() => {
+        const propValue = props[name];
+        if (hasChanged(localValue, propValue)) {
+          localValue = propValue;
+          trigger();
+        }
+      });
+      return {
+        get() {
+          track();
+          return options.get ? options.get(localValue) : localValue;
+        },
+        set(value) {
+          const rawProps = i.vnode.props;
+          if (!(rawProps && // check if parent has passed v-model
+          (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps)) && hasChanged(value, localValue)) {
+            localValue = value;
+            trigger();
+          }
+          i.emit(`update:${name}`, options.set ? options.set(value) : value);
+        }
+      };
+    });
+    const modifierKey = name === "modelValue" ? "modelModifiers" : `${name}Modifiers`;
+    res[Symbol.iterator] = () => {
+      let i2 = 0;
+      return {
+        next() {
+          if (i2 < 2) {
+            return { value: i2++ ? props[modifierKey] || {} : res, done: false };
+          } else {
+            return { done: true };
+          }
+        }
+      };
+    };
+    return res;
+  }
+
   function h(type, propsOrChildren, children) {
     const l = arguments.length;
     if (l === 2) {
@@ -9477,7 +9491,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.8";
+  const version = "3.4.9";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -9946,6 +9960,7 @@ Component that was made reactive: `,
 
   function patchStyle(el, prev, next) {
     const style = el.style;
+    const currentDisplay = style.display;
     const isCssString = isString(next);
     if (next && !isCssString) {
       if (prev && !isString(prev)) {
@@ -9959,7 +9974,6 @@ Component that was made reactive: `,
         setStyle(style, key, next[key]);
       }
     } else {
-      const currentDisplay = style.display;
       if (isCssString) {
         if (prev !== next) {
           const cssVarText = style[CSS_VAR_TEXT];
@@ -9971,9 +9985,9 @@ Component that was made reactive: `,
       } else if (prev) {
         el.removeAttribute("style");
       }
-      if (vShowOldKey in el) {
-        style.display = currentDisplay;
-      }
+    }
+    if (vShowOldKey in el) {
+      style.display = currentDisplay;
     }
   }
   const semicolonRE = /[^\\];\s*$/;