vue 3.2.19 → 3.2.20

package/dist/vue.global.js

@@ -1527,19 +1527,22 @@ var Vue = (function (exports) {
       const id = instance.type.__hmrId;
       let record = map.get(id);
       if (!record) {
-          createRecord(id);
+          createRecord(id, instance.type);
           record = map.get(id);
       }
-      record.add(instance);
+      record.instances.add(instance);
   }
   function unregisterHMR(instance) {
-      map.get(instance.type.__hmrId).delete(instance);
+      map.get(instance.type.__hmrId).instances.delete(instance);
   }
-  function createRecord(id) {
+  function createRecord(id, initialDef) {
       if (map.has(id)) {
           return false;
       }
-      map.set(id, new Set());
+      map.set(id, {
+          initialDef: normalizeClassComponent(initialDef),
+          instances: new Set()
+      });
       return true;
   }
   function normalizeClassComponent(component) {
@@ -1550,7 +1553,9 @@ var Vue = (function (exports) {
       if (!record) {
           return;
       }
-      [...record].forEach(instance => {
+      // update initial record (for not-yet-rendered component)
+      record.initialDef.render = newRender;
+      [...record.instances].forEach(instance => {
           if (newRender) {
               instance.render = newRender;
               normalizeClassComponent(instance.type).render = newRender;
@@ -1567,17 +1572,16 @@ var Vue = (function (exports) {
       if (!record)
           return;
       newComp = normalizeClassComponent(newComp);
+      // update initial def (for not-yet-rendered components)
+      updateComponentDef(record.initialDef, newComp);
       // create a snapshot which avoids the set being mutated during updates
-      const instances = [...record];
+      const instances = [...record.instances];
       for (const instance of instances) {
           const oldComp = normalizeClassComponent(instance.type);
           if (!hmrDirtyComponents.has(oldComp)) {
               // 1. Update existing comp definition to match new one
-              extend(oldComp, newComp);
-              for (const key in oldComp) {
-                  if (key !== '__file' && !(key in newComp)) {
-                      delete oldComp[key];
-                  }
+              if (oldComp !== record.initialDef) {
+                  updateComponentDef(oldComp, newComp);
               }
               // 2. mark definition dirty. This forces the renderer to replace the
               // component on patch.
@@ -1623,6 +1627,14 @@ var Vue = (function (exports) {
           }
       });
   }
+  function updateComponentDef(oldComp, newComp) {
+      extend(oldComp, newComp);
+      for (const key in oldComp) {
+          if (key !== '__file' && !(key in newComp)) {
+              delete oldComp[key];
+          }
+      }
+  }
   function tryWrap(fn) {
       return (id, arg) => {
           try {
@@ -1658,6 +1670,11 @@ var Vue = (function (exports) {
           replay.push((newHook) => {
               setDevtoolsHook(newHook, target);
           });
+          // clear buffer after 3s - the user probably doesn't have devtools installed
+          // at all, and keeping the buffer will cause memory leaks (#4738)
+          setTimeout(() => {
+              buffer = [];
+          }, 3000);
       }
   }
   function devtoolsInitApp(app, version) {
@@ -8676,15 +8693,21 @@ var Vue = (function (exports) {
    * only.
    * @internal
    */
-  function mergeDefaults(
-  // the base props is compiler-generated and guaranteed to be in this shape.
-  props, defaults) {
+  function mergeDefaults(raw, defaults) {
+      const props = isArray(raw)
+          ? raw.reduce((normalized, p) => ((normalized[p] = {}), normalized), {})
+          : raw;
       for (const key in defaults) {
-          const val = props[key];
-          if (val) {
-              val.default = defaults[key];
+          const opt = props[key];
+          if (opt) {
+              if (isArray(opt) || isFunction(opt)) {
+                  props[key] = { type: opt, default: defaults[key] };
+              }
+              else {
+                  opt.default = defaults[key];
+              }
           }
-          else if (val === null) {
+          else if (opt === null) {
               props[key] = { default: defaults[key] };
           }
           else {
@@ -8693,6 +8716,23 @@ var Vue = (function (exports) {
       }
       return props;
   }
+  /**
+   * Used to create a proxy for the rest element when destructuring props with
+   * defineProps().
+   * @internal
+   */
+  function createPropsRestProxy(props, excludedKeys) {
+      const ret = {};
+      for (const key in props) {
+          if (!excludedKeys.includes(key)) {
+              Object.defineProperty(ret, key, {
+                  enumerable: true,
+                  get: () => props[key]
+              });
+          }
+      }
+      return ret;
+  }
   /**
    * `<script setup>` helper for persisting the current instance context over
    * async/await flows.
@@ -8980,7 +9020,7 @@ var Vue = (function (exports) {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.19";
+  const version = "3.2.20";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -11006,7 +11046,7 @@ var Vue = (function (exports) {
   const isMemberExpression = isMemberExpressionBrowser
       ;
   function getInnerRange(loc, offset, length) {
-      const source = loc.source.substr(offset, length);
+      const source = loc.source.slice(offset, offset + length);
       const newLoc = {
           source,
           start: advancePositionWithClone(loc.start, loc.source, offset),
@@ -11833,10 +11873,10 @@ var Vue = (function (exports) {
                   isStatic = false;
                   if (!content.endsWith(']')) {
                       emitError(context, 27 /* X_MISSING_DYNAMIC_DIRECTIVE_ARGUMENT_END */);
-                      content = content.substr(1);
+                      content = content.slice(1);
                   }
                   else {
-                      content = content.substr(1, content.length - 2);
+                      content = content.slice(1, content.length - 1);
                   }
               }
               else if (isSlot) {
@@ -11862,7 +11902,7 @@ var Vue = (function (exports) {
               valueLoc.end = advancePositionWithClone(valueLoc.start, value.content);
               valueLoc.source = valueLoc.source.slice(1, -1);
           }
-          const modifiers = match[3] ? match[3].substr(1).split('.') : [];
+          const modifiers = match[3] ? match[3].slice(1).split('.') : [];
           if (isPropShorthand)
               modifiers.push('prop');
           return {
@@ -12072,7 +12112,7 @@ var Vue = (function (exports) {
   }
   function startsWithEndTagOpen(source, tag) {
       return (startsWith(source, '</') &&
-          source.substr(2, tag.length).toLowerCase() === tag.toLowerCase() &&
+          source.slice(2, 2 + tag.length).toLowerCase() === tag.toLowerCase() &&
           /[\t\r\n\f />]/.test(source[2 + tag.length] || '>'));
   }
 
@@ -15469,6 +15509,7 @@ var Vue = (function (exports) {
   exports.createElementBlock = createElementBlock;
   exports.createElementVNode = createBaseVNode;
   exports.createHydrationRenderer = createHydrationRenderer;
+  exports.createPropsRestProxy = createPropsRestProxy;
   exports.createRenderer = createRenderer;
   exports.createSSRApp = createSSRApp;
   exports.createSlots = createSlots;