vue 3.2.31 → 3.2.32

package/dist/vue.global.js

@@ -430,8 +430,17 @@ var Vue = (function (exports) {
   let activeEffectScope;
   class EffectScope {
       constructor(detached = false) {
+          /**
+           * @internal
+           */
           this.active = true;
+          /**
+           * @internal
+           */
           this.effects = [];
+          /**
+           * @internal
+           */
           this.cleanups = [];
           if (!detached && activeEffectScope) {
               this.parent = activeEffectScope;
@@ -441,21 +450,30 @@ var Vue = (function (exports) {
       }
       run(fn) {
           if (this.active) {
+              const currentEffectScope = activeEffectScope;
               try {
                   activeEffectScope = this;
                   return fn();
               }
               finally {
-                  activeEffectScope = this.parent;
+                  activeEffectScope = currentEffectScope;
               }
           }
           else {
               warn(`cannot run an inactive effect scope.`);
           }
       }
+      /**
+       * This should only be called on non-detached scopes
+       * @internal
+       */
       on() {
           activeEffectScope = this;
       }
+      /**
+       * This should only be called on non-detached scopes
+       * @internal
+       */
       off() {
           activeEffectScope = this.parent;
       }
@@ -679,9 +697,7 @@ var Vue = (function (exports) {
           dep.add(activeEffect);
           activeEffect.deps.push(dep);
           if (activeEffect.onTrack) {
-              activeEffect.onTrack(Object.assign({
-                  effect: activeEffect
-              }, debuggerEventExtraInfo));
+              activeEffect.onTrack(Object.assign({ effect: activeEffect }, debuggerEventExtraInfo));
           }
       }
   }
@@ -3165,12 +3181,10 @@ var Vue = (function (exports) {
       return doWatch(effect, null, options);
   }
   function watchPostEffect(effect, options) {
-      return doWatch(effect, null, (Object.assign(options || {}, { flush: 'post' })
-          ));
+      return doWatch(effect, null, (Object.assign(Object.assign({}, options), { flush: 'post' }) ));
   }
   function watchSyncEffect(effect, options) {
-      return doWatch(effect, null, (Object.assign(options || {}, { flush: 'sync' })
-          ));
+      return doWatch(effect, null, (Object.assign(Object.assign({}, options), { flush: 'sync' }) ));
   }
   // initial value for watchers to trigger on undefined initial values
   const INITIAL_WATCHER_VALUE = {};
@@ -3467,7 +3481,9 @@ var Vue = (function (exports) {
               const { mode } = rawProps;
               // check mode
               if (mode &&
-                  mode !== 'in-out' && mode !== 'out-in' && mode !== 'default') {
+                  mode !== 'in-out' &&
+                  mode !== 'out-in' &&
+                  mode !== 'default') {
                   warn$1(`invalid <transition> mode: ${mode}`);
               }
               // at this point children has a guaranteed length of 1.
@@ -3694,20 +3710,24 @@ var Vue = (function (exports) {
           vnode.transition = hooks;
       }
   }
-  function getTransitionRawChildren(children, keepComment = false) {
+  function getTransitionRawChildren(children, keepComment = false, parentKey) {
       let ret = [];
       let keyedFragmentCount = 0;
       for (let i = 0; i < children.length; i++) {
-          const child = children[i];
+          let child = children[i];
+          // #5360 inherit parent key in case of <template v-for>
+          const key = parentKey == null
+              ? child.key
+              : String(parentKey) + String(child.key != null ? child.key : i);
           // handle fragment children case, e.g. v-for
           if (child.type === Fragment) {
               if (child.patchFlag & 128 /* KEYED_FRAGMENT */)
                   keyedFragmentCount++;
-              ret = ret.concat(getTransitionRawChildren(child.children, keepComment));
+              ret = ret.concat(getTransitionRawChildren(child.children, keepComment, key));
           }
           // comment placeholders should be skipped, e.g. v-if
           else if (keepComment || child.type !== Comment) {
-              ret.push(child);
+              ret.push(key != null ? cloneVNode(child, { key }) : child);
           }
       }
       // #1126 if a transition children list contains multiple sub fragments, these
@@ -4673,6 +4693,10 @@ var Vue = (function (exports) {
               const propsToUpdate = instance.vnode.dynamicProps;
               for (let i = 0; i < propsToUpdate.length; i++) {
                   let key = propsToUpdate[i];
+                  // skip if the prop key is a declared emit event listener
+                  if (isEmitListener(instance.emitsOptions, key)) {
+                      continue;
+                  }
                   // PROPS flag guarantees rawProps to be non-null
                   const value = rawProps[key];
                   if (options) {
@@ -5197,7 +5221,8 @@ var Vue = (function (exports) {
           warn$1(`withDirectives can only be used inside render functions.`);
           return vnode;
       }
-      const instance = internalInstance.proxy;
+      const instance = getExposeProxy(internalInstance) ||
+          internalInstance.proxy;
       const bindings = vnode.dirs || (vnode.dirs = []);
       for (let i = 0; i < directives.length; i++) {
           let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
@@ -5269,6 +5294,9 @@ var Vue = (function (exports) {
   let uid = 0;
   function createAppAPI(render, hydrate) {
       return function createApp(rootComponent, rootProps = null) {
+          if (!isFunction(rootComponent)) {
+              rootComponent = Object.assign({}, rootComponent);
+          }
           if (rootProps != null && !isObject(rootProps)) {
               warn$1(`root props passed to app.mount() must be an object.`);
               rootProps = null;
@@ -5465,6 +5493,9 @@ var Vue = (function (exports) {
                           if (!isArray(existing)) {
                               if (_isString) {
                                   refs[ref] = [refValue];
+                                  if (hasOwn(setupState, ref)) {
+                                      setupState[ref] = refs[ref];
+                                  }
                               }
                               else {
                                   ref.value = [refValue];
@@ -5837,7 +5868,7 @@ var Vue = (function (exports) {
           perf.mark(`vue-${type}-${instance.uid}`);
       }
       {
-          devtoolsPerfStart(instance, type, supported ? perf.now() : Date.now());
+          devtoolsPerfStart(instance, type, isSupported() ? perf.now() : Date.now());
       }
   }
   function endMeasure(instance, type) {
@@ -5850,7 +5881,7 @@ var Vue = (function (exports) {
           perf.clearMarks(endTag);
       }
       {
-          devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
+          devtoolsPerfEnd(instance, type, isSupported() ? perf.now() : Date.now());
       }
   }
   function isSupported() {
@@ -8239,9 +8270,10 @@ var Vue = (function (exports) {
       },
       defineProperty(target, key, descriptor) {
           if (descriptor.get != null) {
-              this.set(target, key, descriptor.get(), null);
+              // invalidate key cache of a getter based property #5417
+              target.$.accessCache[key] = 0;
           }
-          else if (descriptor.value != null) {
+          else if (hasOwn(descriptor, 'value')) {
               this.set(target, key, descriptor.value, null);
           }
           return Reflect.defineProperty(target, key, descriptor);
@@ -9115,7 +9147,7 @@ var Vue = (function (exports) {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.31";
+  const version = "3.2.32";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal