@vue/runtime-dom 3.5.4 → 3.5.5

package/dist/runtime-dom.esm-bundler.js

@@ -1,9 +1,9 @@
 /**
-* @vue/runtime-dom v3.5.4
+* @vue/runtime-dom v3.5.5
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-import { warn, h, BaseTransition, assertNumber, BaseTransitionPropsValidators, getCurrentInstance, onBeforeMount, watchPostEffect, onMounted, onUnmounted, Fragment, Static, camelize, callWithAsyncErrorHandling, defineComponent, nextTick, unref, createVNode, useTransitionState, onUpdated, toRaw, getTransitionRawChildren, setTransitionHooks, resolveTransitionHooks, isRuntimeOnly, createRenderer, createHydrationRenderer } from '@vue/runtime-core';
+import { warn, h, BaseTransition, assertNumber, BaseTransitionPropsValidators, getCurrentInstance, onBeforeMount, watchPostEffect, onMounted, onUnmounted, Fragment, Static, camelize, callWithAsyncErrorHandling, defineComponent, nextTick, unref, createVNode, useTransitionState, onUpdated, toRaw, getTransitionRawChildren, setTransitionHooks, resolveTransitionHooks, Text, isRuntimeOnly, createRenderer, createHydrationRenderer } from '@vue/runtime-core';
 export * from '@vue/runtime-core';
 import { extend, isObject, toNumber, isArray, isString, hyphenate, capitalize, includeBooleanAttr, isSymbol, isSpecialBooleanAttr, isFunction, NOOP, isOn, isModelListener, isPlainObject, hasOwn, camelize as camelize$1, EMPTY_OBJ, looseToNumber, looseIndexOf, isSet, looseEqual, invokeArrayFns, isHTMLTag, isSVGTag, isMathMLTag } from '@vue/shared';
 
@@ -885,6 +885,7 @@ class VueElement extends BaseClass {
     }
   }
   connectedCallback() {
+    if (!this.isConnected) return;
     if (!this.shadowRoot) {
       this._parseSlots();
     }
@@ -927,7 +928,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;
       }
     });
@@ -1146,7 +1147,7 @@ class VueElement extends BaseClass {
     }
   }
   /**
-   * Only called when shaddowRoot is false
+   * Only called when shadowRoot is false
    */
   _parseSlots() {
     const slots = this._slots = {};
@@ -1158,10 +1159,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];
@@ -1340,7 +1341,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.`);
         }
       }

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.5.4
+* @vue/runtime-dom v3.5.5
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -599,9 +599,11 @@ var VueRuntimeDOM = (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 {
@@ -609,6 +611,7 @@ var VueRuntimeDOM = (function (exports) {
       }
       link.dep.activeLink = link.prevActiveLink;
       link.prevActiveLink = void 0;
+      link = prev;
     }
     sub.deps = head;
     sub.depsTail = tail;
@@ -737,6 +740,14 @@ var VueRuntimeDOM = (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;
@@ -759,16 +770,7 @@ var VueRuntimeDOM = (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 {
@@ -2681,7 +2683,9 @@ var VueRuntimeDOM = (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) {
@@ -2972,6 +2976,9 @@ var VueRuntimeDOM = (function (exports) {
         insert(mainAnchor, container, anchor);
         const mount = (container2, anchor2) => {
           if (shapeFlag & 16) {
+            if (parentComponent && parentComponent.isCE) {
+              parentComponent.ce._teleportTarget = container2;
+            }
             mountChildren(
               children,
               container2,
@@ -4002,7 +4009,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`,
@@ -4201,7 +4212,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];
   }
@@ -4553,7 +4564,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);
@@ -7226,6 +7237,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);
@@ -10341,7 +10353,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 ;
@@ -11222,6 +11234,7 @@ Expected function or array of functions, received type ${typeof value}.`
       }
     }
     connectedCallback() {
+      if (!this.isConnected) return;
       if (!this.shadowRoot) {
         this._parseSlots();
       }
@@ -11264,7 +11277,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;
         }
       });
@@ -11483,7 +11496,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 = {};
@@ -11495,10 +11508,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];
@@ -11665,7 +11678,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.`);
           }
         }