@vue/runtime-dom 3.5.0 → 3.5.2

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

@@ -1,9 +1,9 @@
 /**
-* @vue/runtime-dom v3.5.0
+* @vue/runtime-dom v3.5.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-import { warn, h, BaseTransition, BaseTransitionPropsValidators, assertNumber, 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, 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';
 
@@ -91,8 +91,6 @@ const nodeOps = {
 const TRANSITION = "transition";
 const ANIMATION = "animation";
 const vtcKey = Symbol("_vtc");
-const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots);
-Transition.displayName = "Transition";
 const DOMTransitionPropsValidators = {
   name: String,
   type: String,
@@ -111,11 +109,19 @@ const DOMTransitionPropsValidators = {
   leaveActiveClass: String,
   leaveToClass: String
 };
-const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend(
+const TransitionPropsValidators = /* @__PURE__ */ extend(
   {},
   BaseTransitionPropsValidators,
   DOMTransitionPropsValidators
 );
+const decorate$1 = (t) => {
+  t.displayName = "Transition";
+  t.props = TransitionPropsValidators;
+  return t;
+};
+const Transition = /* @__PURE__ */ decorate$1(
+  (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots)
+);
 const callHook = (hook, args = []) => {
   if (isArray(hook)) {
     hook.forEach((h2) => h2(...args));
@@ -1251,7 +1257,11 @@ const positionMap = /* @__PURE__ */ new WeakMap();
 const newPositionMap = /* @__PURE__ */ new WeakMap();
 const moveCbKey = Symbol("_moveCb");
 const enterCbKey = Symbol("_enterCb");
-const TransitionGroupImpl = {
+const decorate = (t) => {
+  delete t.props.mode;
+  return t;
+};
+const TransitionGroupImpl = /* @__PURE__ */ decorate({
   name: "TransitionGroup",
   props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
     tag: String,
@@ -1337,9 +1347,7 @@ const TransitionGroupImpl = {
       return createVNode(tag, null, children);
     };
   }
-};
-const removeMode = (props) => delete props.mode;
-/* @__PURE__ */ removeMode(TransitionGroupImpl.props);
+});
 const TransitionGroup = TransitionGroupImpl;
 function callPendingCbs(c) {
   const el = c.el;

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.5.0
+* @vue/runtime-dom v3.5.2
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -624,9 +624,6 @@ var VueRuntimeDOM = (function (exports) {
     return false;
   }
   function refreshComputed(computed) {
-    if (computed.flags & 2) {
-      return false;
-    }
     if (computed.flags & 4 && !(computed.flags & 16)) {
       return;
     }
@@ -647,7 +644,7 @@ var VueRuntimeDOM = (function (exports) {
     shouldTrack = true;
     try {
       prepareDeps(computed);
-      const value = computed.fn();
+      const value = computed.fn(computed._value);
       if (dep.version === 0 || hasChanged(value, computed._value)) {
         computed._value = value;
         dep.version++;
@@ -756,7 +753,7 @@ var VueRuntimeDOM = (function (exports) {
       }
     }
     track(debugInfo) {
-      if (!activeSub || !shouldTrack) {
+      if (!activeSub || !shouldTrack || activeSub === this.computed) {
         return;
       }
       let link = this.activeLink;
@@ -978,7 +975,7 @@ var VueRuntimeDOM = (function (exports) {
     },
     concat(...args) {
       return reactiveReadArray(this).concat(
-        ...args.map((x) => reactiveReadArray(x))
+        ...args.map((x) => isArray(x) ? reactiveReadArray(x) : x)
       );
     },
     entries() {
@@ -1769,7 +1766,7 @@ var VueRuntimeDOM = (function (exports) {
     return isFunction(source) ? source() : unref(source);
   }
   const shallowUnwrapHandlers = {
-    get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
+    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)) {
@@ -1901,8 +1898,8 @@ var VueRuntimeDOM = (function (exports) {
      * @internal
      */
     notify() {
+      this.flags |= 16;
       if (activeSub !== this) {
-        this.flags |= 16;
         this.dep.notify();
       }
     }
@@ -2471,9 +2468,7 @@ var VueRuntimeDOM = (function (exports) {
       } else {
         queue.splice(findInsertionIndex(jobId), 0, job);
       }
-      if (!(job.flags & 4)) {
-        job.flags |= 1;
-      }
+      job.flags |= 1;
       queueFlush();
     }
   }
@@ -2489,9 +2484,7 @@ var VueRuntimeDOM = (function (exports) {
         activePostFlushCbs.splice(postFlushIndex + 1, 0, cb);
       } else if (!(cb.flags & 1)) {
         pendingPostFlushCbs.push(cb);
-        if (!(cb.flags & 4)) {
-          cb.flags |= 1;
-        }
+        cb.flags |= 1;
       }
     } else {
       pendingPostFlushCbs.push(...cb);
@@ -2513,6 +2506,9 @@ var VueRuntimeDOM = (function (exports) {
         }
         queue.splice(i, 1);
         i--;
+        if (cb.flags & 4) {
+          cb.flags &= ~1;
+        }
         cb();
         cb.flags &= ~1;
       }
@@ -2537,6 +2533,9 @@ var VueRuntimeDOM = (function (exports) {
         if (checkRecursiveUpdates(seen, cb)) {
           continue;
         }
+        if (cb.flags & 4) {
+          cb.flags &= ~1;
+        }
         if (!(cb.flags & 8)) cb();
         cb.flags &= ~1;
       }
@@ -2559,6 +2558,9 @@ var VueRuntimeDOM = (function (exports) {
           if (check(job)) {
             continue;
           }
+          if (job.flags & 4) {
+            job.flags &= ~1;
+          }
           callWithErrorHandling(
             job,
             job.i,
@@ -2568,6 +2570,12 @@ var VueRuntimeDOM = (function (exports) {
         }
       }
     } finally {
+      for (; flushIndex < queue.length; flushIndex++) {
+        const job = queue[flushIndex];
+        if (job) {
+          job.flags &= ~1;
+        }
+      }
       flushIndex = 0;
       queue.length = 0;
       flushPostFlushCbs(seen);
@@ -3304,7 +3312,9 @@ var VueRuntimeDOM = (function (exports) {
           // #11061, ensure enterHooks is fresh after clone
           (hooks) => enterHooks = hooks
         );
-        setTransitionHooks(innerChild, enterHooks);
+        if (innerChild.type !== Comment) {
+          setTransitionHooks(innerChild, enterHooks);
+        }
         const oldChild = instance.subTree;
         const oldInnerChild = oldChild && getInnerChild$1(oldChild);
         if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(innerChild, oldInnerChild) && recursiveGetSubtree(instance).type !== Comment) {
@@ -3322,6 +3332,7 @@ var VueRuntimeDOM = (function (exports) {
               if (!(instance.job.flags & 8)) {
                 instance.update();
               }
+              delete leavingHooks.afterLeave;
             };
             return emptyPlaceholder(child);
           } else if (mode === "in-out" && innerChild.type !== Comment) {
@@ -3599,6 +3610,34 @@ var VueRuntimeDOM = (function (exports) {
     instance.ids = [instance.ids[0] + instance.ids[2]++ + "-", 0, 0];
   }
 
+  const knownTemplateRefs = /* @__PURE__ */ new WeakSet();
+  function useTemplateRef(key) {
+    const i = getCurrentInstance();
+    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) {
+        warn$1(`useTemplateRef('${key}') already exists.`);
+      } else {
+        Object.defineProperty(refs, key, {
+          enumerable: true,
+          get: () => r.value,
+          set: (val) => r.value = val
+        });
+      }
+    } else {
+      warn$1(
+        `useTemplateRef() is called when there is no active component instance to be associated with.`
+      );
+    }
+    const ret = readonly(r) ;
+    {
+      knownTemplateRefs.add(ret);
+    }
+    return ret;
+  }
+
   function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
     if (isArray(rawRef)) {
       rawRef.forEach(
@@ -3627,10 +3666,17 @@ var VueRuntimeDOM = (function (exports) {
     const oldRef = oldRawRef && oldRawRef.r;
     const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
     const setupState = owner.setupState;
+    const rawSetupState = toRaw(setupState);
+    const canSetSetupRef = setupState === EMPTY_OBJ ? () => false : (key) => {
+      if (knownTemplateRefs.has(rawSetupState[key])) {
+        return false;
+      }
+      return hasOwn(rawSetupState, key);
+    };
     if (oldRef != null && oldRef !== ref) {
       if (isString(oldRef)) {
         refs[oldRef] = null;
-        if (hasOwn(setupState, oldRef)) {
+        if (canSetSetupRef(oldRef)) {
           setupState[oldRef] = null;
         }
       } else if (isRef(oldRef)) {
@@ -3645,14 +3691,14 @@ var VueRuntimeDOM = (function (exports) {
       if (_isString || _isRef) {
         const doSet = () => {
           if (rawRef.f) {
-            const existing = _isString ? hasOwn(setupState, ref) ? setupState[ref] : refs[ref] : ref.value;
+            const existing = _isString ? canSetSetupRef(ref) ? setupState[ref] : refs[ref] : ref.value;
             if (isUnmount) {
               isArray(existing) && remove(existing, refValue);
             } else {
               if (!isArray(existing)) {
                 if (_isString) {
                   refs[ref] = [refValue];
-                  if (hasOwn(setupState, ref)) {
+                  if (canSetSetupRef(ref)) {
                     setupState[ref] = refs[ref];
                   }
                 } else {
@@ -3665,7 +3711,7 @@ var VueRuntimeDOM = (function (exports) {
             }
           } else if (_isString) {
             refs[ref] = value;
-            if (hasOwn(setupState, ref)) {
+            if (canSetSetupRef(ref)) {
               setupState[ref] = value;
             }
           } else if (_isRef) {
@@ -4677,7 +4723,7 @@ Server rendered element contains fewer child nodes than client vdom.`
       return () => {
         pendingCacheKey = null;
         if (!slots.default) {
-          return null;
+          return current = null;
         }
         const children = slots.default();
         const rawVNode = children[0];
@@ -8409,7 +8455,8 @@ If you want to remount the same app, move your app creation logic into a factory
       data,
       setupState,
       ctx,
-      inheritAttrs
+      inheritAttrs,
+      isMounted
     } = instance;
     const prev = setCurrentRenderingInstance(instance);
     let result;
@@ -8529,7 +8576,7 @@ If you want to remount the same app, move your app creation logic into a factory
           `Component inside <Transition> renders non-element root node that cannot be animated.`
         );
       }
-      root.transition = vnode.transition;
+      root.transition = isMounted ? vnode.component.subTree.transition : vnode.transition;
     }
     if (setRoot) {
       setRoot(root);
@@ -9023,7 +9070,7 @@ If you want to remount the same app, move your app creation logic into a factory
             };
           }
           if (activeBranch) {
-            if (parentNode(activeBranch.el) !== suspense.hiddenContainer) {
+            if (parentNode(activeBranch.el) === container2) {
               anchor = next(activeBranch);
             }
             unmount(activeBranch, parentComponent2, suspense, true);
@@ -10070,29 +10117,6 @@ Component that was made reactive: `,
     return c;
   };
 
-  function useTemplateRef(key) {
-    const i = getCurrentInstance();
-    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) {
-        warn$1(`useTemplateRef('${key}') already exists.`);
-      } else {
-        Object.defineProperty(refs, key, {
-          enumerable: true,
-          get: () => r.value,
-          set: (val) => r.value = val
-        });
-      }
-    } else {
-      warn$1(
-        `useTemplateRef() is called when there is no active component instance to be associated with.`
-      );
-    }
-    return readonly(r) ;
-  }
-
   function h(type, propsOrChildren, children) {
     const l = arguments.length;
     if (l === 2) {
@@ -10318,7 +10342,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.0";
+  const version = "3.5.2";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -10412,8 +10436,6 @@ Component that was made reactive: `,
   const TRANSITION = "transition";
   const ANIMATION = "animation";
   const vtcKey = Symbol("_vtc");
-  const Transition = (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots);
-  Transition.displayName = "Transition";
   const DOMTransitionPropsValidators = {
     name: String,
     type: String,
@@ -10432,11 +10454,19 @@ Component that was made reactive: `,
     leaveActiveClass: String,
     leaveToClass: String
   };
-  const TransitionPropsValidators = Transition.props = /* @__PURE__ */ extend(
+  const TransitionPropsValidators = /* @__PURE__ */ extend(
     {},
     BaseTransitionPropsValidators,
     DOMTransitionPropsValidators
   );
+  const decorate$1 = (t) => {
+    t.displayName = "Transition";
+    t.props = TransitionPropsValidators;
+    return t;
+  };
+  const Transition = /* @__PURE__ */ decorate$1(
+    (props, { slots }) => h(BaseTransition, resolveTransitionProps(props), slots)
+  );
   const callHook = (hook, args = []) => {
     if (isArray(hook)) {
       hook.forEach((h2) => h2(...args));
@@ -11553,7 +11583,11 @@ Expected function or array of functions, received type ${typeof value}.`
   const newPositionMap = /* @__PURE__ */ new WeakMap();
   const moveCbKey = Symbol("_moveCb");
   const enterCbKey = Symbol("_enterCb");
-  const TransitionGroupImpl = {
+  const decorate = (t) => {
+    delete t.props.mode;
+    return t;
+  };
+  const TransitionGroupImpl = /* @__PURE__ */ decorate({
     name: "TransitionGroup",
     props: /* @__PURE__ */ extend({}, TransitionPropsValidators, {
       tag: String,
@@ -11639,9 +11673,7 @@ Expected function or array of functions, received type ${typeof value}.`
         return createVNode(tag, null, children);
       };
     }
-  };
-  const removeMode = (props) => delete props.mode;
-  /* @__PURE__ */ removeMode(TransitionGroupImpl.props);
+  });
   const TransitionGroup = TransitionGroupImpl;
   function callPendingCbs(c) {
     const el = c.el;