@vue/runtime-dom 3.4.17 → 3.4.19

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.4.17
+* @vue/runtime-dom v3.4.19
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1268,6 +1268,7 @@ var VueRuntimeDOM = (function (exports) {
   const toReactive = (value) => isObject(value) ? reactive(value) : value;
   const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
+  const COMPUTED_SIDE_EFFECT_WARN = `Computed is still dirty after getter evaluation, likely because a computed is mutating its own dependency in its getter. State mutations in computed getters should be avoided.  Check the docs for more details: https://vuejs.org/guide/essentials/computed.html#getters-should-be-side-effect-free`;
   class ComputedRefImpl {
     constructor(getter, _setter, isReadonly, isSSR) {
       this._setter = _setter;
@@ -1292,6 +1293,7 @@ var VueRuntimeDOM = (function (exports) {
       }
       trackRefValue(self);
       if (self.effect._dirtyLevel >= 2) {
+        warn$2(COMPUTED_SIDE_EFFECT_WARN);
         triggerRefValue(self, 2);
       }
       return self._value;
@@ -1315,7 +1317,7 @@ var VueRuntimeDOM = (function (exports) {
     if (onlyGetter) {
       getter = getterOrOptions;
       setter = () => {
-        console.warn("Write operation failed: computed value is readonly");
+        warn$2("Write operation failed: computed value is readonly");
       } ;
     } else {
       getter = getterOrOptions.get;
@@ -1689,13 +1691,11 @@ var VueRuntimeDOM = (function (exports) {
     [14]: "scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core ."
   };
   function callWithErrorHandling(fn, instance, type, args) {
-    let res;
     try {
-      res = args ? fn(...args) : fn();
+      return args ? fn(...args) : fn();
     } catch (err) {
       handleError(err, instance, type);
     }
-    return res;
   }
   function callWithAsyncErrorHandling(fn, instance, type, args) {
     if (isFunction(fn)) {
@@ -5743,7 +5743,7 @@ If you want to remount the same app, move your app creation logic into a factory
     return res;
   }
   function validatePropName(key) {
-    if (key[0] !== "$") {
+    if (key[0] !== "$" && !isReservedProp(key)) {
       return true;
     } else {
       warn$1(`Invalid prop name: "${key}" is a reserved property.`);
@@ -5751,8 +5751,16 @@ If you want to remount the same app, move your app creation logic into a factory
     return false;
   }
   function getType(ctor) {
-    const match = ctor && ctor.toString().match(/^\s*(function|class) (\w+)/);
-    return match ? match[2] : ctor === null ? "null" : "";
+    if (ctor === null) {
+      return "null";
+    }
+    if (typeof ctor === "function") {
+      return ctor.name || "";
+    } else if (typeof ctor === "object") {
+      const name = ctor.constructor && ctor.constructor.name;
+      return name || "";
+    }
+    return "";
   }
   function isSameType(a, b) {
     return getType(a) === getType(b);
@@ -6549,9 +6557,12 @@ 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]));
+      const root = instance == null ? void 0 : instance.subTree;
+      if (vnode === root || (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 (!isMapEqual(actualMap, expectedMap)) {
         mismatchType = mismatchKey = "style";
@@ -9519,7 +9530,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.17";
+  const version = "3.4.19";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -9896,7 +9907,7 @@ Component that was made reactive: `,
       }
     },
     updated(el, { value, oldValue }, { transition }) {
-      if (!value === !oldValue)
+      if (!value === !oldValue && (el.style.display === el[vShowOldKey] || !value))
         return;
       if (transition) {
         if (value) {
@@ -9989,10 +10000,12 @@ Component that was made reactive: `,
     }
   }
 
+  const displayRE = /(^|;)\s*display\s*:/;
   function patchStyle(el, prev, next) {
     const style = el.style;
-    const currentDisplay = style.display;
     const isCssString = isString(next);
+    const currentDisplay = style.display;
+    let hasControlledDisplay = false;
     if (next && !isCssString) {
       if (prev && !isString(prev)) {
         for (const key in prev) {
@@ -10002,6 +10015,9 @@ Component that was made reactive: `,
         }
       }
       for (const key in next) {
+        if (key === "display") {
+          hasControlledDisplay = true;
+        }
         setStyle(style, key, next[key]);
       }
     } else {
@@ -10012,12 +10028,14 @@ Component that was made reactive: `,
             next += ";" + cssVarText;
           }
           style.cssText = next;
+          hasControlledDisplay = displayRE.test(next);
         }
       } else if (prev) {
         el.removeAttribute("style");
       }
     }
     if (vShowOldKey in el) {
+      el[vShowOldKey] = hasControlledDisplay ? style.display : "";
       style.display = currentDisplay;
     }
   }