vue 3.5.3 → 3.5.5

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.5.3
+* vue v3.5.5
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* vue v3.5.3
+* vue v3.5.5
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -8,9 +8,10 @@ var Vue = (function (exports) {
 
   /*! #__NO_SIDE_EFFECTS__ */
   // @__NO_SIDE_EFFECTS__
-  function makeMap(str, expectsLowerCase) {
-    const set = new Set(str.split(","));
-    return expectsLowerCase ? (val) => set.has(val.toLowerCase()) : (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({}) ;
@@ -665,9 +666,11 @@ var Vue = (function (exports) {
   function cleanupDeps(sub) {
     let head;
     let tail = sub.depsTail;
-    for (let link = tail; link; link = link.prevDep) {
+    let link = tail;
+    while (link) {
+      const prev = link.prevDep;
       if (link.version === -1) {
-        if (link === tail) tail = link.prevDep;
+        if (link === tail) tail = prev;
         removeSub(link);
         removeDep(link);
       } else {
@@ -675,13 +678,14 @@ var Vue = (function (exports) {
       }
       link.dep.activeLink = link.prevActiveLink;
       link.prevActiveLink = void 0;
+      link = prev;
     }
     sub.deps = head;
     sub.depsTail = tail;
   }
   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;
       }
     }
@@ -691,9 +695,6 @@ var Vue = (function (exports) {
     return false;
   }
   function refreshComputed(computed) {
-    if (computed.flags & 2) {
-      return false;
-    }
     if (computed.flags & 4 && !(computed.flags & 16)) {
       return;
     }
@@ -806,6 +807,14 @@ var Vue = (function (exports) {
   }
 
   let globalVersion = 0;
+  class Link {
+    constructor(sub, dep) {
+      this.sub = sub;
+      this.dep = dep;
+      this.version = dep.version;
+      this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
+    }
+  }
   class Dep {
     constructor(computed) {
       this.computed = computed;
@@ -828,16 +837,7 @@ var Vue = (function (exports) {
       }
       let link = this.activeLink;
       if (link === void 0 || link.sub !== activeSub) {
-        link = this.activeLink = {
-          dep: this,
-          sub: activeSub,
-          version: this.version,
-          nextDep: void 0,
-          prevDep: void 0,
-          nextSub: void 0,
-          prevSub: void 0,
-          prevActiveLink: void 0
-        };
+        link = this.activeLink = new Link(activeSub, this);
         if (!activeSub.deps) {
           activeSub.deps = activeSub.depsTail = link;
         } else {
@@ -960,9 +960,23 @@ var Vue = (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);
@@ -970,57 +984,43 @@ var Vue = (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) {
@@ -1758,7 +1758,7 @@ var Vue = (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;
@@ -1968,8 +1968,8 @@ var Vue = (function (exports) {
      * @internal
      */
     notify() {
+      this.flags |= 16;
       if (activeSub !== this) {
-        this.flags |= 16;
         this.dep.notify();
       }
     }
@@ -2657,23 +2657,19 @@ var Vue = (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;
@@ -2754,7 +2750,9 @@ var Vue = (function (exports) {
         dirtyInstances.delete(instance);
       } else if (instance.parent) {
         queueJob(() => {
+          isHmrUpdating = true;
           instance.parent.update();
+          isHmrUpdating = false;
           dirtyInstances.delete(instance);
         });
       } else if (instance.appContext.reload) {
@@ -3045,6 +3043,9 @@ var Vue = (function (exports) {
         insert(mainAnchor, container, anchor);
         const mount = (container2, anchor2) => {
           if (shapeFlag & 16) {
+            if (parentComponent && parentComponent.isCE) {
+              parentComponent.ce._teleportTarget = container2;
+            }
             mountChildren(
               children,
               container2,
@@ -4075,7 +4076,11 @@ Server rendered element contains more child nodes than client vdom.`
             remove(cur);
           }
         } else if (shapeFlag & 8) {
-          if (el.textContent !== vnode.children) {
+          let clientText = vnode.children;
+          if (clientText[0] === "\n" && (el.tagName === "PRE" || el.tagName === "TEXTAREA")) {
+            clientText = clientText.slice(1);
+          }
+          if (el.textContent !== clientText) {
             if (!isMismatchAllowed(el, 0 /* TEXT */)) {
               warn$1(
                 `Hydration text content mismatch on`,
@@ -4274,7 +4279,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       }
     };
     const isTemplateNode = (node) => {
-      return node.nodeType === 1 && node.tagName.toLowerCase() === "template";
+      return node.nodeType === 1 && node.tagName === "TEMPLATE";
     };
     return [hydrate, hydrateNode];
   }
@@ -4626,7 +4631,7 @@ Server rendered element contains fewer child nodes than client vdom.`
         load().then(() => {
           loaded.value = true;
           if (instance.parent && isKeepAlive(instance.parent.vnode)) {
-            queueJob(instance.parent.update);
+            instance.parent.update();
           }
         }).catch((err) => {
           onError(err);
@@ -5021,13 +5026,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]
@@ -7297,6 +7304,7 @@ If you want to remount the same app, move your app creation logic into a factory
         }
       }
       if (instance.asyncDep) {
+        if (isHmrUpdating) initialVNode.el = null;
         parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
         if (!initialVNode.el) {
           const placeholder = instance.subTree = createVNode(Comment);
@@ -10412,7 +10420,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.3";
+  const version = "3.5.5";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11293,6 +11301,7 @@ Expected function or array of functions, received type ${typeof value}.`
       }
     }
     connectedCallback() {
+      if (!this.isConnected) return;
       if (!this.shadowRoot) {
         this._parseSlots();
       }
@@ -11335,7 +11344,7 @@ Expected function or array of functions, received type ${typeof value}.`
             this._ob = null;
           }
           this._app && this._app.unmount();
-          this._instance.ce = void 0;
+          if (this._instance) this._instance.ce = void 0;
           this._app = this._instance = null;
         }
       });
@@ -11554,7 +11563,7 @@ Expected function or array of functions, received type ${typeof value}.`
       }
     }
     /**
-     * Only called when shaddowRoot is false
+     * Only called when shadowRoot is false
      */
     _parseSlots() {
       const slots = this._slots = {};
@@ -11566,10 +11575,10 @@ Expected function or array of functions, received type ${typeof value}.`
       }
     }
     /**
-     * Only called when shaddowRoot is false
+     * Only called when shadowRoot is false
      */
     _renderSlots() {
-      const outlets = this.querySelectorAll("slot");
+      const outlets = (this._teleportTarget || this).querySelectorAll("slot");
       const scopeId = this._instance.type.__scopeId;
       for (let i = 0; i < outlets.length; i++) {
         const o = outlets[i];
@@ -11736,7 +11745,7 @@ Expected function or array of functions, received type ${typeof value}.`
               child,
               resolveTransitionHooks(child, cssTransitionProps, state, instance)
             );
-          } else {
+          } else if (child.type !== Text) {
             warn(`<TransitionGroup> children must be keyed.`);
           }
         }
@@ -12697,7 +12706,7 @@ Make sure to use the production build (*.prod.js) when deploying for production.
         this.sequenceIndex += 1;
       } else if (this.sequenceIndex === 0) {
         if (this.currentSequence === Sequences.TitleEnd || this.currentSequence === Sequences.TextareaEnd && !this.inSFCRoot) {
-          if (c === this.delimiterOpen[0]) {
+          if (!this.inVPre && c === this.delimiterOpen[0]) {
             this.state = 2;
             this.delimiterIndex = 0;
             this.stateInterpolationOpen(c);
@@ -13600,6 +13609,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     getNamespace: () => 0,
     isVoidTag: NO,
     isPreTag: NO,
+    isIgnoreNewlineTag: NO,
     isCustomElement: NO,
     onError: defaultOnError,
     onWarn: defaultOnWarn,
@@ -14030,7 +14040,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         el.innerLoc.end.offset
       );
     }
-    const { tag, ns } = el;
+    const { tag, ns, children } = el;
     if (!inVPre) {
       if (tag === "slot") {
         el.tagType = 2;
@@ -14041,7 +14051,13 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
     }
     if (!tokenizer.inRCDATA) {
-      el.children = condenseWhitespace(el.children, el.tag);
+      el.children = condenseWhitespace(children);
+    }
+    if (ns === 0 && currentOptions.isIgnoreNewlineTag(tag)) {
+      const first = children[0];
+      if (first && first.type === 2) {
+        first.content = first.content.replace(/^\r?\n/, "");
+      }
     }
     if (ns === 0 && currentOptions.isPreTag(tag)) {
       inPre--;
@@ -14122,12 +14138,6 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
       }
     }
-    if (inPre && tag && currentOptions.isPreTag(tag)) {
-      const first = nodes[0];
-      if (first && first.type === 2) {
-        first.content = first.content.replace(/^\r?\n/, "");
-      }
-    }
     return removedWhitespace ? nodes.filter(Boolean) : nodes;
   }
   function isAllWhitespace(str) {
@@ -14729,10 +14739,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
     } else if (children.length > 1) {
       let patchFlag = 64;
-      let patchFlagText = PatchFlagNames[64];
       if (children.filter((c) => c.type !== 3).length === 1) {
         patchFlag |= 2048;
-        patchFlagText += `, ${PatchFlagNames[2048]}`;
       }
       root.codegenNode = createVNodeCall(
         context,
@@ -15632,10 +15640,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         return vnodeCall;
       } else {
         let patchFlag = 64;
-        let patchFlagText = PatchFlagNames[64];
         if (!branch.isTemplateIf && children.filter((c) => c.type !== 3).length === 1) {
           patchFlag |= 2048;
-          patchFlagText += `, ${PatchFlagNames[2048]}`;
         }
         return createVNodeCall(
           context,
@@ -17192,6 +17198,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     isVoidTag,
     isNativeTag: (tag) => isHTMLTag(tag) || isSVGTag(tag) || isMathMLTag(tag),
     isPreTag: (tag) => tag === "pre",
+    isIgnoreNewlineTag: (tag) => tag === "pre" || tag === "textarea",
     decodeEntities: decodeHtmlBrowser ,
     isBuiltInComponent: (tag) => {
       if (tag === "Transition" || tag === "transition") {
@@ -17419,10 +17426,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     `stop,prevent,self,ctrl,shift,alt,meta,exact,middle`
   );
   const maybeKeyModifier = /* @__PURE__ */ makeMap("left,right");
-  const isKeyboardEvent = /* @__PURE__ */ makeMap(
-    `onkeyup,onkeydown,onkeypress`,
-    true
-  );
+  const isKeyboardEvent = /* @__PURE__ */ makeMap(`onkeyup,onkeydown,onkeypress`);
   const resolveModifiers = (key, modifiers, context, loc) => {
     const keyModifiers = [];
     const nonKeyModifiers = [];
@@ -17434,7 +17438,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       } else {
         if (maybeKeyModifier(modifier)) {
           if (isStaticExp(key)) {
-            if (isKeyboardEvent(key.content)) {
+            if (isKeyboardEvent(key.content.toLowerCase())) {
               keyModifiers.push(modifier);
             } else {
               nonKeyModifiers.push(modifier);
@@ -17487,7 +17491,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         ]);
       }
       if (keyModifiers.length && // if event name is dynamic, always wrap with keys guard
-      (!isStaticExp(key) || isKeyboardEvent(key.content))) {
+      (!isStaticExp(key) || isKeyboardEvent(key.content.toLowerCase()))) {
         handlerExp = createCallExpression(context.helper(V_ON_WITH_KEYS), [
           handlerExp,
           JSON.stringify(keyModifiers)