@vue/runtime-dom 3.5.26 → 3.5.28

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.5.26
+* @vue/runtime-dom v3.5.28
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -337,6 +337,7 @@ var VueRuntimeDOM = (function (exports) {
 
   let activeEffectScope;
   class EffectScope {
+    // TODO isolatedDeclarations "__v_skip"
     constructor(detached = false) {
       this.detached = detached;
       /**
@@ -356,6 +357,7 @@ var VueRuntimeDOM = (function (exports) {
        */
       this.cleanups = [];
       this._isPaused = false;
+      this.__v_skip = true;
       this.parent = activeEffectScope;
       if (!detached && activeEffectScope) {
         this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(
@@ -1421,20 +1423,20 @@ var VueRuntimeDOM = (function (exports) {
         "iterate",
         isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY
       );
-      return {
-        // iterator protocol
-        next() {
-          const { value, done } = innerIterator.next();
-          return done ? { value, done } : {
-            value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
-            done
-          };
-        },
-        // iterable protocol
-        [Symbol.iterator]() {
-          return this;
+      return extend(
+        // inheriting all iterator properties
+        Object.create(innerIterator),
+        {
+          // iterator protocol
+          next() {
+            const { value, done } = innerIterator.next();
+            return done ? { value, done } : {
+              value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
+              done
+            };
+          }
         }
-      };
+      );
     };
   }
   function createReadonlyMethod(type) {
@@ -1648,8 +1650,9 @@ var VueRuntimeDOM = (function (exports) {
   function getTargetType(value) {
     return value["__v_skip"] || !Object.isExtensible(value) ? 0 /* INVALID */ : targetTypeMap(toRawType(value));
   }
+  // @__NO_SIDE_EFFECTS__
   function reactive(target) {
-    if (isReadonly(target)) {
+    if (/* @__PURE__ */ isReadonly(target)) {
       return target;
     }
     return createReactiveObject(
@@ -1660,6 +1663,7 @@ var VueRuntimeDOM = (function (exports) {
       reactiveMap
     );
   }
+  // @__NO_SIDE_EFFECTS__
   function shallowReactive(target) {
     return createReactiveObject(
       target,
@@ -1669,6 +1673,7 @@ var VueRuntimeDOM = (function (exports) {
       shallowReactiveMap
     );
   }
+  // @__NO_SIDE_EFFECTS__
   function readonly(target) {
     return createReactiveObject(
       target,
@@ -1678,6 +1683,7 @@ var VueRuntimeDOM = (function (exports) {
       readonlyMap
     );
   }
+  // @__NO_SIDE_EFFECTS__
   function shallowReadonly(target) {
     return createReactiveObject(
       target,
@@ -1716,24 +1722,29 @@ var VueRuntimeDOM = (function (exports) {
     proxyMap.set(target, proxy);
     return proxy;
   }
+  // @__NO_SIDE_EFFECTS__
   function isReactive(value) {
-    if (isReadonly(value)) {
-      return isReactive(value["__v_raw"]);
+    if (/* @__PURE__ */ isReadonly(value)) {
+      return /* @__PURE__ */ isReactive(value["__v_raw"]);
     }
     return !!(value && value["__v_isReactive"]);
   }
+  // @__NO_SIDE_EFFECTS__
   function isReadonly(value) {
     return !!(value && value["__v_isReadonly"]);
   }
+  // @__NO_SIDE_EFFECTS__
   function isShallow(value) {
     return !!(value && value["__v_isShallow"]);
   }
+  // @__NO_SIDE_EFFECTS__
   function isProxy(value) {
     return value ? !!value["__v_raw"] : false;
   }
+  // @__NO_SIDE_EFFECTS__
   function toRaw(observed) {
     const raw = observed && observed["__v_raw"];
-    return raw ? toRaw(raw) : observed;
+    return raw ? /* @__PURE__ */ toRaw(raw) : observed;
   }
   function markRaw(value) {
     if (!hasOwn(value, "__v_skip") && Object.isExtensible(value)) {
@@ -1741,20 +1752,23 @@ var VueRuntimeDOM = (function (exports) {
     }
     return value;
   }
-  const toReactive = (value) => isObject(value) ? reactive(value) : value;
-  const toReadonly = (value) => isObject(value) ? readonly(value) : value;
+  const toReactive = (value) => isObject(value) ? /* @__PURE__ */ reactive(value) : value;
+  const toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
 
+  // @__NO_SIDE_EFFECTS__
   function isRef(r) {
     return r ? r["__v_isRef"] === true : false;
   }
+  // @__NO_SIDE_EFFECTS__
   function ref(value) {
     return createRef(value, false);
   }
+  // @__NO_SIDE_EFFECTS__
   function shallowRef(value) {
     return createRef(value, true);
   }
   function createRef(rawValue, shallow) {
-    if (isRef(rawValue)) {
+    if (/* @__PURE__ */ isRef(rawValue)) {
       return rawValue;
     }
     return new RefImpl(rawValue, shallow);
@@ -1810,7 +1824,7 @@ var VueRuntimeDOM = (function (exports) {
     }
   }
   function unref(ref2) {
-    return isRef(ref2) ? ref2.value : ref2;
+    return /* @__PURE__ */ isRef(ref2) ? ref2.value : ref2;
   }
   function toValue(source) {
     return isFunction(source) ? source() : unref(source);
@@ -1819,7 +1833,7 @@ var VueRuntimeDOM = (function (exports) {
     get: (target, key, receiver) => key === "__v_raw" ? target : unref(Reflect.get(target, key, receiver)),
     set: (target, key, value, receiver) => {
       const oldValue = target[key];
-      if (isRef(oldValue) && !isRef(value)) {
+      if (/* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) {
         oldValue.value = value;
         return true;
       } else {
@@ -1849,6 +1863,7 @@ var VueRuntimeDOM = (function (exports) {
   function customRef(factory) {
     return new CustomRefImpl(factory);
   }
+  // @__NO_SIDE_EFFECTS__
   function toRefs(object) {
     if (!isProxy(object)) {
       warn$2(`toRefs() expects a reactive object but received a plain one.`);
@@ -1884,9 +1899,9 @@ var VueRuntimeDOM = (function (exports) {
       return this._value = val === void 0 ? this._defaultValue : val;
     }
     set value(newVal) {
-      if (this._shallow && isRef(this._raw[this._key])) {
+      if (this._shallow && /* @__PURE__ */ isRef(this._raw[this._key])) {
         const nestedRef = this._object[this._key];
-        if (isRef(nestedRef)) {
+        if (/* @__PURE__ */ isRef(nestedRef)) {
           nestedRef.value = newVal;
           return;
         }
@@ -1908,15 +1923,16 @@ var VueRuntimeDOM = (function (exports) {
       return this._value = this._getter();
     }
   }
+  // @__NO_SIDE_EFFECTS__
   function toRef(source, key, defaultValue) {
-    if (isRef(source)) {
+    if (/* @__PURE__ */ isRef(source)) {
       return source;
     } else if (isFunction(source)) {
       return new GetterRefImpl(source);
     } else if (isObject(source) && arguments.length > 1) {
       return propertyToRef(source, key, defaultValue);
     } else {
-      return ref(source);
+      return /* @__PURE__ */ ref(source);
     }
   }
   function propertyToRef(source, key, defaultValue) {
@@ -1997,6 +2013,7 @@ var VueRuntimeDOM = (function (exports) {
       }
     }
   }
+  // @__NO_SIDE_EFFECTS__
   function computed$1(getterOrOptions, debugOptions, isSSR = false) {
     let getter;
     let setter;
@@ -3397,7 +3414,22 @@ var VueRuntimeDOM = (function (exports) {
   function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, {
     o: { nextSibling, parentNode, querySelector, insert, createText }
   }, hydrateChildren) {
-    function hydrateDisabledTeleport(node2, vnode2, targetStart, targetAnchor) {
+    function hydrateAnchor(target2, targetNode) {
+      let targetAnchor = targetNode;
+      while (targetAnchor) {
+        if (targetAnchor && targetAnchor.nodeType === 8) {
+          if (targetAnchor.data === "teleport start anchor") {
+            vnode.targetStart = targetAnchor;
+          } else if (targetAnchor.data === "teleport anchor") {
+            vnode.targetAnchor = targetAnchor;
+            target2._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+            break;
+          }
+        }
+        targetAnchor = nextSibling(targetAnchor);
+      }
+    }
+    function hydrateDisabledTeleport(node2, vnode2) {
       vnode2.anchor = hydrateChildren(
         nextSibling(node2),
         vnode2,
@@ -3407,8 +3439,6 @@ var VueRuntimeDOM = (function (exports) {
         slotScopeIds,
         optimized
       );
-      vnode2.targetStart = targetStart;
-      vnode2.targetAnchor = targetAnchor;
     }
     const target = vnode.target = resolveTarget(
       vnode.props,
@@ -3419,27 +3449,22 @@ var VueRuntimeDOM = (function (exports) {
       const targetNode = target._lpa || target.firstChild;
       if (vnode.shapeFlag & 16) {
         if (disabled) {
-          hydrateDisabledTeleport(
-            node,
-            vnode,
-            targetNode,
-            targetNode && nextSibling(targetNode)
-          );
+          hydrateDisabledTeleport(node, vnode);
+          hydrateAnchor(target, targetNode);
+          if (!vnode.targetAnchor) {
+            prepareAnchor(
+              target,
+              vnode,
+              createText,
+              insert,
+              // if target is the same as the main view, insert anchors before current node
+              // to avoid hydrating mismatch
+              parentNode(node) === target ? node : null
+            );
+          }
         } else {
           vnode.anchor = nextSibling(node);
-          let targetAnchor = targetNode;
-          while (targetAnchor) {
-            if (targetAnchor && targetAnchor.nodeType === 8) {
-              if (targetAnchor.data === "teleport start anchor") {
-                vnode.targetStart = targetAnchor;
-              } else if (targetAnchor.data === "teleport anchor") {
-                vnode.targetAnchor = targetAnchor;
-                target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
-                break;
-              }
-            }
-            targetAnchor = nextSibling(targetAnchor);
-          }
+          hydrateAnchor(target, targetNode);
           if (!vnode.targetAnchor) {
             prepareAnchor(target, vnode, createText, insert);
           }
@@ -3457,7 +3482,9 @@ var VueRuntimeDOM = (function (exports) {
       updateCssVars(vnode, disabled);
     } else if (disabled) {
       if (vnode.shapeFlag & 16) {
-        hydrateDisabledTeleport(node, vnode, node, nextSibling(node));
+        hydrateDisabledTeleport(node, vnode);
+        vnode.targetStart = node;
+        vnode.targetAnchor = nextSibling(node);
       }
     }
     return vnode.anchor && nextSibling(vnode.anchor);
@@ -3481,13 +3508,13 @@ var VueRuntimeDOM = (function (exports) {
       ctx.ut();
     }
   }
-  function prepareAnchor(target, vnode, createText, insert) {
+  function prepareAnchor(target, vnode, createText, insert, anchor = null) {
     const targetStart = vnode.targetStart = createText("");
     const targetAnchor = vnode.targetAnchor = createText("");
     targetStart[TeleportEndKey] = targetAnchor;
     if (target) {
-      insert(targetStart, target);
-      insert(targetAnchor, target);
+      insert(targetStart, target, anchor);
+      insert(targetAnchor, target, anchor);
     }
     return targetAnchor;
   }
@@ -3722,7 +3749,7 @@ var VueRuntimeDOM = (function (exports) {
           }
         }
         let called = false;
-        const done = el[enterCbKey$1] = (cancelled) => {
+        el[enterCbKey$1] = (cancelled) => {
           if (called) return;
           called = true;
           if (cancelled) {
@@ -3735,6 +3762,7 @@ var VueRuntimeDOM = (function (exports) {
           }
           el[enterCbKey$1] = void 0;
         };
+        const done = el[enterCbKey$1].bind(null, false);
         if (hook) {
           callAsyncHook(hook, [el, done]);
         } else {
@@ -3754,7 +3782,7 @@ var VueRuntimeDOM = (function (exports) {
         }
         callHook(onBeforeLeave, [el]);
         let called = false;
-        const done = el[leaveCbKey] = (cancelled) => {
+        el[leaveCbKey] = (cancelled) => {
           if (called) return;
           called = true;
           remove();
@@ -3768,6 +3796,7 @@ var VueRuntimeDOM = (function (exports) {
             delete leavingVNodesCache[key2];
           }
         };
+        const done = el[leaveCbKey].bind(null, false);
         leavingVNodesCache[key2] = vnode;
         if (onLeave) {
           callAsyncHook(onLeave, [el, done]);
@@ -3880,8 +3909,7 @@ var VueRuntimeDOM = (function (exports) {
     const r = shallowRef(null);
     if (i) {
       const refs = i.refs === EMPTY_OBJ ? i.refs = {} : i.refs;
-      let desc;
-      if ((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable) {
+      if (isTemplateRefKey(refs, key)) {
         warn$1(`useTemplateRef('${key}') already exists.`);
       } else {
         Object.defineProperty(refs, key, {
@@ -3901,6 +3929,10 @@ var VueRuntimeDOM = (function (exports) {
     }
     return ret;
   }
+  function isTemplateRefKey(refs, key) {
+    let desc;
+    return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
+  }
 
   const pendingSetRefMap = /* @__PURE__ */ new WeakMap();
   function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
@@ -3946,10 +3978,19 @@ var VueRuntimeDOM = (function (exports) {
           return false;
         }
       }
+      if (isTemplateRefKey(refs, key)) {
+        return false;
+      }
       return hasOwn(rawSetupState, key);
     };
-    const canSetRef = (ref2) => {
-      return !knownTemplateRefs.has(ref2);
+    const canSetRef = (ref2, key) => {
+      if (knownTemplateRefs.has(ref2)) {
+        return false;
+      }
+      if (key && isTemplateRefKey(refs, key)) {
+        return false;
+      }
+      return true;
     };
     if (oldRef != null && oldRef !== ref) {
       invalidatePendingSetRef(oldRawRef);
@@ -3959,10 +4000,10 @@ var VueRuntimeDOM = (function (exports) {
           setupState[oldRef] = null;
         }
       } else if (isRef(oldRef)) {
-        if (canSetRef(oldRef)) {
+        const oldRawRefAtom = oldRawRef;
+        if (canSetRef(oldRef, oldRawRefAtom.k)) {
           oldRef.value = null;
         }
-        const oldRawRefAtom = oldRawRef;
         if (oldRawRefAtom.k) refs[oldRawRefAtom.k] = null;
       }
     }
@@ -3986,7 +4027,7 @@ var VueRuntimeDOM = (function (exports) {
                   }
                 } else {
                   const newVal = [refValue];
-                  if (canSetRef(ref)) {
+                  if (canSetRef(ref, rawRef.k)) {
                     ref.value = newVal;
                   }
                   if (rawRef.k) refs[rawRef.k] = newVal;
@@ -4001,7 +4042,7 @@ var VueRuntimeDOM = (function (exports) {
               setupState[ref] = value;
             }
           } else if (_isRef) {
-            if (canSetRef(ref)) {
+            if (canSetRef(ref, rawRef.k)) {
               ref.value = value;
             }
             if (rawRef.k) refs[rawRef.k] = value;
@@ -4341,7 +4382,7 @@ Server rendered element contains more child nodes than client vdom.`
                 logMismatchError();
               }
               if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || // force hydrate v-bind with .prop modifiers
-              key[0] === "." || isCustomElement) {
+              key[0] === "." || isCustomElement && !isReservedProp(key)) {
                 patchProp(el, key, null, props[key], void 0, parentComponent);
               }
             }
@@ -6856,7 +6897,7 @@ If you want to remount the same app, move your app creation logic into a factory
         const dynamicProps = nextVNode.dynamicProps;
         for (let i = 0; i < dynamicProps.length; i++) {
           const key = dynamicProps[i];
-          if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) {
+          if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emits, key)) {
             return true;
           }
         }
@@ -6887,12 +6928,20 @@ If you want to remount the same app, move your app creation logic into a factory
     }
     for (let i = 0; i < nextKeys.length; i++) {
       const key = nextKeys[i];
-      if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) {
+      if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) {
         return true;
       }
     }
     return false;
   }
+  function hasPropValueChanged(nextProps, prevProps, key) {
+    const nextProp = nextProps[key];
+    const prevProp = prevProps[key];
+    if (key === "style" && isObject(nextProp) && isObject(prevProp)) {
+      return !looseEqual(nextProp, prevProp);
+    }
+    return nextProp !== prevProp;
+  }
   function updateHOCHostEl({ vnode, parent }, el) {
     while (parent) {
       const root = parent.subTree;
@@ -7596,15 +7645,7 @@ If you want to remount the same app, move your app creation logic into a factory
       } else {
         const el = n2.el = n1.el;
         if (n2.children !== n1.children) {
-          if (isHmrUpdating && n2.patchFlag === -1 && "__elIndex" in n1) {
-            const childNodes = container.childNodes;
-            const newChild = hostCreateText(n2.children);
-            const oldChild = childNodes[n2.__elIndex = n1.__elIndex];
-            hostInsert(newChild, container, oldChild);
-            hostRemove(oldChild);
-          } else {
-            hostSetText(el, n2.children);
-          }
+          hostSetText(el, n2.children);
         }
       }
     };
@@ -7680,7 +7721,7 @@ If you want to remount the same app, move your app creation logic into a factory
           optimized
         );
       } else {
-        const customElement = !!(n1.el && n1.el._isVueCE) ? n1.el : null;
+        const customElement = n1.el && n1.el._isVueCE ? n1.el : null;
         try {
           if (customElement) {
             customElement._beginPatch();
@@ -8162,8 +8203,7 @@ If you want to remount the same app, move your app creation logic into a factory
               hydrateSubTree();
             }
           } else {
-            if (root.ce && // @ts-expect-error _def is private
-            root.ce._def.shadowRoot !== false) {
+            if (root.ce && root.ce._hasShadowRoot()) {
               root.ce._injectChildStyle(type);
             }
             {
@@ -8218,9 +8258,9 @@ If you want to remount the same app, move your app creation logic into a factory
                 updateComponentPreRender(instance, next, optimized);
               }
               nonHydratedAsyncRoot.asyncDep.then(() => {
-                if (!instance.isUnmounted) {
-                  componentUpdateFn();
-                }
+                queuePostRenderEffect(() => {
+                  if (!instance.isUnmounted) update();
+                }, parentSuspense);
               });
               return;
             }
@@ -8917,12 +8957,10 @@ If you want to remount the same app, move your app creation logic into a factory
             traverseStaticChildren(c1, c2);
         }
         if (c2.type === Text) {
-          if (c2.patchFlag !== -1) {
-            c2.el = c1.el;
-          } else {
-            c2.__elIndex = i + // take fragment start anchor into account
-            (n1.type === Fragment ? 1 : 0);
+          if (c2.patchFlag === -1) {
+            c2 = ch2[i] = cloneIfMounted(c2);
           }
+          c2.el = c1.el;
         }
         if (c2.type === Comment && !c2.el) {
           c2.el = c1.el;
@@ -10634,7 +10672,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.26";
+  const version = "3.5.28";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -11889,6 +11927,12 @@ Expected function or array of functions, received type ${typeof value}.`
         this._update();
       }
     }
+    /**
+     * @internal
+     */
+    _hasShadowRoot() {
+      return this._def.shadowRoot !== false;
+    }
     /**
      * @internal
      */
@@ -12011,10 +12055,7 @@ Expected function or array of functions, received type ${typeof value}.`
                   instance
                 )
               );
-              positionMap.set(child, {
-                left: child.el.offsetLeft,
-                top: child.el.offsetTop
-              });
+              positionMap.set(child, getPosition(child.el));
             }
           }
         }
@@ -12045,10 +12086,7 @@ Expected function or array of functions, received type ${typeof value}.`
     }
   }
   function recordPosition(c) {
-    newPositionMap.set(c, {
-      left: c.el.offsetLeft,
-      top: c.el.offsetTop
-    });
+    newPositionMap.set(c, getPosition(c.el));
   }
   function applyTranslation(c) {
     const oldPos = positionMap.get(c);
@@ -12056,12 +12094,29 @@ Expected function or array of functions, received type ${typeof value}.`
     const dx = oldPos.left - newPos.left;
     const dy = oldPos.top - newPos.top;
     if (dx || dy) {
-      const s = c.el.style;
-      s.transform = s.webkitTransform = `translate(${dx}px,${dy}px)`;
+      const el = c.el;
+      const s = el.style;
+      const rect = el.getBoundingClientRect();
+      let scaleX = 1;
+      let scaleY = 1;
+      if (el.offsetWidth) scaleX = rect.width / el.offsetWidth;
+      if (el.offsetHeight) scaleY = rect.height / el.offsetHeight;
+      if (!Number.isFinite(scaleX) || scaleX === 0) scaleX = 1;
+      if (!Number.isFinite(scaleY) || scaleY === 0) scaleY = 1;
+      if (Math.abs(scaleX - 1) < 0.01) scaleX = 1;
+      if (Math.abs(scaleY - 1) < 0.01) scaleY = 1;
+      s.transform = s.webkitTransform = `translate(${dx / scaleX}px,${dy / scaleY}px)`;
       s.transitionDuration = "0s";
       return c;
     }
   }
+  function getPosition(el) {
+    const rect = el.getBoundingClientRect();
+    return {
+      left: rect.left,
+      top: rect.top
+    };
+  }
   function hasCSSTransform(el, root, moveClass) {
     const clone = el.cloneNode();
     const _vtc = el[vtcKey];
@@ -12338,6 +12393,7 @@ Expected function or array of functions, received type ${typeof value}.`
     exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
   };
   const withModifiers = (fn, modifiers) => {
+    if (!fn) return fn;
     const cache = fn._withMods || (fn._withMods = {});
     const cacheKey = modifiers.join(".");
     return cache[cacheKey] || (cache[cacheKey] = ((event, ...args) => {