@vue/compat 3.5.4 → 3.5.5

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.4
+* @vue/compat v3.5.5
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -663,9 +663,11 @@ function prepareDeps(sub) {
 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 {
@@ -673,6 +675,7 @@ function cleanupDeps(sub) {
     }
     link.dep.activeLink = link.prevActiveLink;
     link.prevActiveLink = void 0;
+    link = prev;
   }
   sub.deps = head;
   sub.depsTail = tail;
@@ -801,6 +804,14 @@ function cleanupEffect(e) {
 }
 
 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;
@@ -823,16 +834,7 @@ class Dep {
     }
     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 {
@@ -2760,7 +2762,9 @@ function reload(id, newComp) {
       dirtyInstances.delete(instance);
     } else if (instance.parent) {
       queueJob(() => {
+        isHmrUpdating = true;
         instance.parent.update();
+        isHmrUpdating = false;
         dirtyInstances.delete(instance);
       });
     } else if (instance.appContext.reload) {
@@ -3582,6 +3586,9 @@ const TeleportImpl = {
       insert(mainAnchor, container, anchor);
       const mount = (container2, anchor2) => {
         if (shapeFlag & 16) {
+          if (parentComponent && parentComponent.isCE) {
+            parentComponent.ce._teleportTarget = container2;
+          }
           mountChildren(
             children,
             container2,
@@ -4616,7 +4623,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 */)) {
             (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && warn$1(
               `Hydration text content mismatch on`,
@@ -4826,7 +4837,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];
 }
@@ -5178,7 +5189,7 @@ function defineAsyncComponent(source) {
       load().then(() => {
         loaded.value = true;
         if (instance.parent && isKeepAlive(instance.parent.vnode)) {
-          queueJob(instance.parent.update);
+          instance.parent.update();
         }
       }).catch((err) => {
         onError(err);
@@ -7131,7 +7142,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.5.4"}`;
+  Vue.version = `2.6.14-compat:${"3.5.5"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -8993,6 +9004,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       }
     }
     if (instance.asyncDep) {
+      if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) initialVNode.el = null;
       parentSuspense && parentSuspense.registerDep(instance, setupRenderEffect, optimized);
       if (!initialVNode.el) {
         const placeholder = instance.subTree = createVNode(Comment);
@@ -12298,7 +12310,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.5.4";
+const version = "3.5.5";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
@@ -13286,6 +13298,7 @@ class VueElement extends BaseClass {
     }
   }
   connectedCallback() {
+    if (!this.isConnected) return;
     if (!this.shadowRoot) {
       this._parseSlots();
     }
@@ -13328,7 +13341,7 @@ class VueElement extends BaseClass {
           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;
       }
     });
@@ -13547,7 +13560,7 @@ class VueElement extends BaseClass {
     }
   }
   /**
-   * Only called when shaddowRoot is false
+   * Only called when shadowRoot is false
    */
   _parseSlots() {
     const slots = this._slots = {};
@@ -13559,10 +13572,10 @@ class VueElement extends BaseClass {
     }
   }
   /**
-   * 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];
@@ -13750,7 +13763,7 @@ const TransitionGroupImpl = /* @__PURE__ */ decorate({
             child,
             resolveTransitionHooks(child, cssTransitionProps, state, instance)
           );
-        } else if (!!(process.env.NODE_ENV !== "production")) {
+        } else if (!!(process.env.NODE_ENV !== "production") && child.type !== Text) {
           warn(`<TransitionGroup> children must be keyed.`);
         }
       }
@@ -14986,7 +14999,7 @@ class Tokenizer {
       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);
@@ -15956,6 +15969,7 @@ const defaultParserOptions = {
   getNamespace: () => 0,
   isVoidTag: NO,
   isPreTag: NO,
+  isIgnoreNewlineTag: NO,
   isCustomElement: NO,
   onError: defaultOnError,
   onWarn: defaultOnWarn,
@@ -16398,7 +16412,7 @@ function onCloseTag(el, end, isImplied = false) {
       el.innerLoc.end.offset
     );
   }
-  const { tag, ns } = el;
+  const { tag, ns, children } = el;
   if (!inVPre) {
     if (tag === "slot") {
       el.tagType = 2;
@@ -16409,7 +16423,13 @@ function onCloseTag(el, end, isImplied = false) {
     }
   }
   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--;
@@ -16561,12 +16581,6 @@ function condenseWhitespace(nodes, tag) {
       }
     }
   }
-  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) {
@@ -19835,6 +19849,7 @@ const parserOptions = {
   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") {

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.4
+* @vue/compat v3.5.5
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -666,9 +666,11 @@ var Vue = (function () {
   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 {
@@ -676,6 +678,7 @@ var Vue = (function () {
       }
       link.dep.activeLink = link.prevActiveLink;
       link.prevActiveLink = void 0;
+      link = prev;
     }
     sub.deps = head;
     sub.depsTail = tail;
@@ -804,6 +807,14 @@ var Vue = (function () {
   }
 
   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;
@@ -826,16 +837,7 @@ var Vue = (function () {
       }
       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 {
@@ -2748,7 +2750,9 @@ var Vue = (function () {
         dirtyInstances.delete(instance);
       } else if (instance.parent) {
         queueJob(() => {
+          isHmrUpdating = true;
           instance.parent.update();
+          isHmrUpdating = false;
           dirtyInstances.delete(instance);
         });
       } else if (instance.appContext.reload) {
@@ -3567,6 +3571,9 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
         insert(mainAnchor, container, anchor);
         const mount = (container2, anchor2) => {
           if (shapeFlag & 16) {
+            if (parentComponent && parentComponent.isCE) {
+              parentComponent.ce._teleportTarget = container2;
+            }
             mountChildren(
               children,
               container2,
@@ -4600,7 +4607,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`,
@@ -4799,7 +4810,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];
   }
@@ -5151,7 +5162,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);
@@ -7093,7 +7104,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.5.4"}`;
+    Vue.version = `2.6.14-compat:${"3.5.5"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -8915,6 +8926,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);
@@ -12170,7 +12182,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.4";
+  const version = "3.5.5";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -13139,6 +13151,7 @@ Expected function or array of functions, received type ${typeof value}.`
       }
     }
     connectedCallback() {
+      if (!this.isConnected) return;
       if (!this.shadowRoot) {
         this._parseSlots();
       }
@@ -13181,7 +13194,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;
         }
       });
@@ -13400,7 +13413,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 = {};
@@ -13412,10 +13425,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];
@@ -13591,7 +13604,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.`);
           }
         }
@@ -14792,7 +14805,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);
@@ -15762,6 +15775,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,
@@ -16204,7 +16218,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;
@@ -16215,7 +16229,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--;
@@ -16367,12 +16387,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) {
@@ -19638,6 +19652,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") {