@vue/runtime-dom 3.5.3 → 3.5.4

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.5.3
+* @vue/runtime-dom v3.5.4
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -8,9 +8,10 @@ var VueRuntimeDOM = (function (exports) {
 
   /*! #__NO_SIDE_EFFECTS__ */
   // @__NO_SIDE_EFFECTS__
-  function makeMap(str, expectsLowerCase) {
-    const set = new Set(str.split(","));
-    return (val) => set.has(val);
+  function makeMap(str) {
+    const map = /* @__PURE__ */ Object.create(null);
+    for (const key of str.split(",")) map[key] = 1;
+    return (val) => val in map;
   }
 
   const EMPTY_OBJ = Object.freeze({}) ;
@@ -614,7 +615,7 @@ var VueRuntimeDOM = (function (exports) {
   }
   function isDirty(sub) {
     for (let link = sub.deps; link; link = link.nextDep) {
-      if (link.dep.version !== link.version || link.dep.computed && refreshComputed(link.dep.computed) === false || link.dep.version !== link.version) {
+      if (link.dep.version !== link.version || link.dep.computed && refreshComputed(link.dep.computed) || link.dep.version !== link.version) {
         return true;
       }
     }
@@ -624,9 +625,6 @@ var VueRuntimeDOM = (function (exports) {
     return false;
   }
   function refreshComputed(computed) {
-    if (computed.flags & 2) {
-      return false;
-    }
     if (computed.flags & 4 && !(computed.flags & 16)) {
       return;
     }
@@ -893,9 +891,23 @@ var VueRuntimeDOM = (function (exports) {
       globalVersion++;
       return;
     }
-    let deps = [];
+    const run = (dep) => {
+      if (dep) {
+        {
+          dep.trigger({
+            target,
+            type,
+            key,
+            newValue,
+            oldValue,
+            oldTarget
+          });
+        }
+      }
+    };
+    startBatch();
     if (type === "clear") {
-      deps = [...depsMap.values()];
+      depsMap.forEach(run);
     } else {
       const targetIsArray = isArray(target);
       const isArrayIndex = targetIsArray && isIntegerKey(key);
@@ -903,57 +915,43 @@ var VueRuntimeDOM = (function (exports) {
         const newLength = Number(newValue);
         depsMap.forEach((dep, key2) => {
           if (key2 === "length" || key2 === ARRAY_ITERATE_KEY || !isSymbol(key2) && key2 >= newLength) {
-            deps.push(dep);
+            run(dep);
           }
         });
       } else {
-        const push = (dep) => dep && deps.push(dep);
         if (key !== void 0) {
-          push(depsMap.get(key));
+          run(depsMap.get(key));
         }
         if (isArrayIndex) {
-          push(depsMap.get(ARRAY_ITERATE_KEY));
+          run(depsMap.get(ARRAY_ITERATE_KEY));
         }
         switch (type) {
           case "add":
             if (!targetIsArray) {
-              push(depsMap.get(ITERATE_KEY));
+              run(depsMap.get(ITERATE_KEY));
               if (isMap(target)) {
-                push(depsMap.get(MAP_KEY_ITERATE_KEY));
+                run(depsMap.get(MAP_KEY_ITERATE_KEY));
               }
             } else if (isArrayIndex) {
-              push(depsMap.get("length"));
+              run(depsMap.get("length"));
             }
             break;
           case "delete":
             if (!targetIsArray) {
-              push(depsMap.get(ITERATE_KEY));
+              run(depsMap.get(ITERATE_KEY));
               if (isMap(target)) {
-                push(depsMap.get(MAP_KEY_ITERATE_KEY));
+                run(depsMap.get(MAP_KEY_ITERATE_KEY));
               }
             }
             break;
           case "set":
             if (isMap(target)) {
-              push(depsMap.get(ITERATE_KEY));
+              run(depsMap.get(ITERATE_KEY));
             }
             break;
         }
       }
     }
-    startBatch();
-    for (const dep of deps) {
-      {
-        dep.trigger({
-          target,
-          type,
-          key,
-          newValue,
-          oldValue,
-          oldTarget
-        });
-      }
-    }
     endBatch();
   }
   function getDepFromReactive(object, key) {
@@ -1691,7 +1689,7 @@ var VueRuntimeDOM = (function (exports) {
     return raw ? toRaw(raw) : observed;
   }
   function markRaw(value) {
-    if (Object.isExtensible(value)) {
+    if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) {
       def(value, "__v_skip", true);
     }
     return value;
@@ -1901,8 +1899,8 @@ var VueRuntimeDOM = (function (exports) {
      * @internal
      */
     notify() {
+      this.flags |= 16;
       if (activeSub !== this) {
-        this.flags |= 16;
         this.dep.notify();
       }
     }
@@ -2590,23 +2588,19 @@ var VueRuntimeDOM = (function (exports) {
     }
   }
   function checkRecursiveUpdates(seen, fn) {
-    if (!seen.has(fn)) {
-      seen.set(fn, 1);
-    } else {
-      const count = seen.get(fn);
-      if (count > RECURSION_LIMIT) {
-        const instance = fn.i;
-        const componentName = instance && getComponentName(instance.type);
-        handleError(
-          `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,
-          null,
-          10
-        );
-        return true;
-      } else {
-        seen.set(fn, count + 1);
-      }
+    const count = seen.get(fn) || 0;
+    if (count > RECURSION_LIMIT) {
+      const instance = fn.i;
+      const componentName = instance && getComponentName(instance.type);
+      handleError(
+        `Maximum recursive updates exceeded${componentName ? ` in component <${componentName}>` : ``}. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.`,
+        null,
+        10
+      );
+      return true;
     }
+    seen.set(fn, count + 1);
+    return false;
   }
 
   let isHmrUpdating = false;
@@ -4954,13 +4948,15 @@ If this is a native custom element, make sure to exclude it from component resol
     const sourceIsArray = isArray(source);
     if (sourceIsArray || isString(source)) {
       const sourceIsReactiveArray = sourceIsArray && isReactive(source);
+      let needsWrap = false;
       if (sourceIsReactiveArray) {
+        needsWrap = !isShallow(source);
         source = shallowReadArray(source);
       }
       ret = new Array(source.length);
       for (let i = 0, l = source.length; i < l; i++) {
         ret[i] = renderItem(
-          sourceIsReactiveArray ? toReactive(source[i]) : source[i],
+          needsWrap ? toReactive(source[i]) : source[i],
           i,
           void 0,
           cached && cached[i]
@@ -10345,7 +10341,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.3";
+  const version = "3.5.4";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;