@vue/runtime-dom 3.2.29 → 3.2.32

package/dist/runtime-dom.global.js

@@ -201,13 +201,15 @@ var VueRuntimeDOM = (function (exports) {
    * @private
    */
   const toDisplayString = (val) => {
-      return val == null
-          ? ''
-          : isArray(val) ||
-              (isObject(val) &&
-                  (val.toString === objectToString || !isFunction(val.toString)))
-              ? JSON.stringify(val, replacer, 2)
-              : String(val);
+      return isString(val)
+          ? val
+          : val == null
+              ? ''
+              : isArray(val) ||
+                  (isObject(val) &&
+                      (val.toString === objectToString || !isFunction(val.toString)))
+                  ? JSON.stringify(val, replacer, 2)
+                  : String(val);
   };
   const replacer = (_key, val) => {
       // can't use isRef here since @vue/shared has no deps
@@ -281,6 +283,7 @@ var VueRuntimeDOM = (function (exports) {
       'onVnodeBeforeMount,onVnodeMounted,' +
       'onVnodeBeforeUpdate,onVnodeUpdated,' +
       'onVnodeBeforeUnmount,onVnodeUnmounted');
+  const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo');
   const cacheStringFunction = (fn) => {
       const cache = Object.create(null);
       return ((str) => {
@@ -346,11 +349,19 @@ var VueRuntimeDOM = (function (exports) {
   }
 
   let activeEffectScope;
-  const effectScopeStack = [];
   class EffectScope {
       constructor(detached = false) {
+          /**
+           * @internal
+           */
           this.active = true;
+          /**
+           * @internal
+           */
           this.effects = [];
+          /**
+           * @internal
+           */
           this.cleanups = [];
           if (!detached && activeEffectScope) {
               this.parent = activeEffectScope;
@@ -360,36 +371,46 @@ var VueRuntimeDOM = (function (exports) {
       }
       run(fn) {
           if (this.active) {
+              const currentEffectScope = activeEffectScope;
               try {
-                  this.on();
+                  activeEffectScope = this;
                   return fn();
               }
               finally {
-                  this.off();
+                  activeEffectScope = currentEffectScope;
               }
           }
           else {
               warn(`cannot run an inactive effect scope.`);
           }
       }
+      /**
+       * This should only be called on non-detached scopes
+       * @internal
+       */
       on() {
-          if (this.active) {
-              effectScopeStack.push(this);
-              activeEffectScope = this;
-          }
+          activeEffectScope = this;
       }
+      /**
+       * This should only be called on non-detached scopes
+       * @internal
+       */
       off() {
-          if (this.active) {
-              effectScopeStack.pop();
-              activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
-          }
+          activeEffectScope = this.parent;
       }
       stop(fromParent) {
           if (this.active) {
-              this.effects.forEach(e => e.stop());
-              this.cleanups.forEach(cleanup => cleanup());
+              let i, l;
+              for (i = 0, l = this.effects.length; i < l; i++) {
+                  this.effects[i].stop();
+              }
+              for (i = 0, l = this.cleanups.length; i < l; i++) {
+                  this.cleanups[i]();
+              }
               if (this.scopes) {
-                  this.scopes.forEach(e => e.stop(true));
+                  for (i = 0, l = this.scopes.length; i < l; i++) {
+                      this.scopes[i].stop(true);
+                  }
               }
               // nested scope, dereference from parent to avoid memory leaks
               if (this.parent && !fromParent) {
@@ -407,8 +428,7 @@ var VueRuntimeDOM = (function (exports) {
   function effectScope(detached) {
       return new EffectScope(detached);
   }
-  function recordEffectScope(effect, scope) {
-      scope = scope || activeEffectScope;
+  function recordEffectScope(effect, scope = activeEffectScope) {
       if (scope && scope.active) {
           scope.effects.push(effect);
       }
@@ -471,7 +491,6 @@ var VueRuntimeDOM = (function (exports) {
    * When recursion depth is greater, fall back to using a full cleanup.
    */
   const maxMarkerBits = 30;
-  const effectStack = [];
   let activeEffect;
   const ITERATE_KEY = Symbol('iterate' );
   const MAP_KEY_ITERATE_KEY = Symbol('Map key iterate' );
@@ -481,35 +500,42 @@ var VueRuntimeDOM = (function (exports) {
           this.scheduler = scheduler;
           this.active = true;
           this.deps = [];
+          this.parent = undefined;
           recordEffectScope(this, scope);
       }
       run() {
           if (!this.active) {
               return this.fn();
           }
-          if (!effectStack.length || !effectStack.includes(this)) {
-              try {
-                  effectStack.push((activeEffect = this));
-                  enableTracking();
-                  trackOpBit = 1 << ++effectTrackDepth;
-                  if (effectTrackDepth <= maxMarkerBits) {
-                      initDepMarkers(this);
-                  }
-                  else {
-                      cleanupEffect(this);
-                  }
-                  return this.fn();
+          let parent = activeEffect;
+          let lastShouldTrack = shouldTrack;
+          while (parent) {
+              if (parent === this) {
+                  return;
               }
-              finally {
-                  if (effectTrackDepth <= maxMarkerBits) {
-                      finalizeDepMarkers(this);
-                  }
-                  trackOpBit = 1 << --effectTrackDepth;
-                  resetTracking();
-                  effectStack.pop();
-                  const n = effectStack.length;
-                  activeEffect = n > 0 ? effectStack[n - 1] : undefined;
+              parent = parent.parent;
+          }
+          try {
+              this.parent = activeEffect;
+              activeEffect = this;
+              shouldTrack = true;
+              trackOpBit = 1 << ++effectTrackDepth;
+              if (effectTrackDepth <= maxMarkerBits) {
+                  initDepMarkers(this);
+              }
+              else {
+                  cleanupEffect(this);
               }
+              return this.fn();
+          }
+          finally {
+              if (effectTrackDepth <= maxMarkerBits) {
+                  finalizeDepMarkers(this);
+              }
+              trackOpBit = 1 << --effectTrackDepth;
+              activeEffect = this.parent;
+              shouldTrack = lastShouldTrack;
+              this.parent = undefined;
           }
       }
       stop() {
@@ -557,32 +583,24 @@ var VueRuntimeDOM = (function (exports) {
       trackStack.push(shouldTrack);
       shouldTrack = false;
   }
-  function enableTracking() {
-      trackStack.push(shouldTrack);
-      shouldTrack = true;
-  }
   function resetTracking() {
       const last = trackStack.pop();
       shouldTrack = last === undefined ? true : last;
   }
   function track(target, type, key) {
-      if (!isTracking()) {
-          return;
-      }
-      let depsMap = targetMap.get(target);
-      if (!depsMap) {
-          targetMap.set(target, (depsMap = new Map()));
-      }
-      let dep = depsMap.get(key);
-      if (!dep) {
-          depsMap.set(key, (dep = createDep()));
+      if (shouldTrack && activeEffect) {
+          let depsMap = targetMap.get(target);
+          if (!depsMap) {
+              targetMap.set(target, (depsMap = new Map()));
+          }
+          let dep = depsMap.get(key);
+          if (!dep) {
+              depsMap.set(key, (dep = createDep()));
+          }
+          const eventInfo = { effect: activeEffect, target, type, key }
+              ;
+          trackEffects(dep, eventInfo);
       }
-      const eventInfo = { effect: activeEffect, target, type, key }
-          ;
-      trackEffects(dep, eventInfo);
-  }
-  function isTracking() {
-      return shouldTrack && activeEffect !== undefined;
   }
   function trackEffects(dep, debuggerEventExtraInfo) {
       let shouldTrack = false;
@@ -600,9 +618,7 @@ var VueRuntimeDOM = (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));
           }
       }
   }
@@ -1267,13 +1283,10 @@ var VueRuntimeDOM = (function (exports) {
   const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
   function trackRefValue(ref) {
-      if (isTracking()) {
+      if (shouldTrack && activeEffect) {
           ref = toRaw(ref);
-          if (!ref.dep) {
-              ref.dep = createDep();
-          }
           {
-              trackEffects(ref.dep, {
+              trackEffects(ref.dep || (ref.dep = createDep()), {
                   target: ref,
                   type: "get" /* GET */,
                   key: 'value'
@@ -1295,7 +1308,7 @@ var VueRuntimeDOM = (function (exports) {
       }
   }
   function isRef(r) {
-      return Boolean(r && r.__v_isRef === true);
+      return !!(r && r.__v_isRef === true);
   }
   function ref(value) {
       return createRef(value, false);
@@ -3089,12 +3102,10 @@ var VueRuntimeDOM = (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 = {};
@@ -3391,7 +3402,9 @@ var VueRuntimeDOM = (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.
@@ -3618,20 +3631,24 @@ var VueRuntimeDOM = (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
@@ -4597,6 +4614,10 @@ var VueRuntimeDOM = (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) {
@@ -5107,7 +5128,6 @@ var VueRuntimeDOM = (function (exports) {
     [bar, this.y]
   ])
   */
-  const isBuiltInDirective = /*#__PURE__*/ makeMap('bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo');
   function validateDirectiveName(name) {
       if (isBuiltInDirective(name)) {
           warn$1('Do not use built-in directive ids as custom directive id: ' + name);
@@ -5122,7 +5142,8 @@ var VueRuntimeDOM = (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];
@@ -5194,6 +5215,9 @@ var VueRuntimeDOM = (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;
@@ -5390,6 +5414,9 @@ var VueRuntimeDOM = (function (exports) {
                           if (!isArray(existing)) {
                               if (_isString) {
                                   refs[ref] = [refValue];
+                                  if (hasOwn(setupState, ref)) {
+                                      setupState[ref] = refs[ref];
+                                  }
                               }
                               else {
                                   ref.value = [refValue];
@@ -5588,7 +5615,8 @@ var VueRuntimeDOM = (function (exports) {
           // e.g. <option :value="obj">, <input type="checkbox" :true-value="1">
           const forcePatchValue = (type === 'input' && dirs) || type === 'option';
           // skip props & children if this is hoisted static nodes
-          if (forcePatchValue || patchFlag !== -1 /* HOISTED */) {
+          // #5405 in dev, always hydrate children for HMR
+          {
               if (dirs) {
                   invokeDirectiveHook(vnode, null, parentComponent, 'created');
               }
@@ -5761,7 +5789,7 @@ var VueRuntimeDOM = (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) {
@@ -5774,7 +5802,7 @@ var VueRuntimeDOM = (function (exports) {
           perf.clearMarks(endTag);
       }
       {
-          devtoolsPerfEnd(instance, type, supported ? perf.now() : Date.now());
+          devtoolsPerfEnd(instance, type, isSupported() ? perf.now() : Date.now());
       }
   }
   function isSupported() {
@@ -8122,9 +8150,11 @@ var VueRuntimeDOM = (function (exports) {
           const { data, setupState, ctx } = instance;
           if (setupState !== EMPTY_OBJ && hasOwn(setupState, key)) {
               setupState[key] = value;
+              return true;
           }
           else if (data !== EMPTY_OBJ && hasOwn(data, key)) {
               data[key] = value;
+              return true;
           }
           else if (hasOwn(instance.props, key)) {
               warn$1(`Attempting to mutate prop "${key}". Props are readonly.`, instance);
@@ -8158,6 +8188,16 @@ var VueRuntimeDOM = (function (exports) {
               hasOwn(ctx, key) ||
               hasOwn(publicPropertiesMap, key) ||
               hasOwn(appContext.config.globalProperties, key));
+      },
+      defineProperty(target, key, descriptor) {
+          if (descriptor.get != null) {
+              // invalidate key cache of a getter based property #5417
+              target.$.accessCache[key] = 0;
+          }
+          else if (hasOwn(descriptor, 'value')) {
+              this.set(target, key, descriptor.value, null);
+          }
+          return Reflect.defineProperty(target, key, descriptor);
       }
   };
   {
@@ -9028,7 +9068,7 @@ var VueRuntimeDOM = (function (exports) {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.29";
+  const version = "3.2.32";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal