vue 3.2.16 → 3.2.20

package/dist/vue.global.js

@@ -1516,14 +1516,7 @@ var Vue = (function (exports) {
   // Note: for a component to be eligible for HMR it also needs the __hmrId option
   // to be set so that its instances can be registered / removed.
   {
-      const globalObject = typeof global !== 'undefined'
-          ? global
-          : typeof self !== 'undefined'
-              ? self
-              : typeof window !== 'undefined'
-                  ? window
-                  : {};
-      globalObject.__VUE_HMR_RUNTIME__ = {
+      getGlobalThis().__VUE_HMR_RUNTIME__ = {
           createRecord: tryWrap(createRecord),
           rerender: tryWrap(rerender),
           reload: tryWrap(reload)
@@ -1534,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) {
@@ -1557,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;
@@ -1574,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.
@@ -1630,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 {
@@ -1665,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) {
@@ -7789,9 +7799,11 @@ var Vue = (function (exports) {
   function finishComponentSetup(instance, isSSR, skipOptions) {
       const Component = instance.type;
       // template / render function normalization
+      // could be already set when returned from setup()
       if (!instance.render) {
-          // could be set from setup()
-          if (compile && !Component.render) {
+          // only do on-the-fly compile if not in SSR - SSR on-the-fly compliation
+          // is done by server-renderer
+          if (!isSSR && compile && !Component.render) {
               const template = Component.template;
               if (template) {
                   {
@@ -8681,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 {
@@ -8698,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.
@@ -8985,7 +9020,7 @@ var Vue = (function (exports) {
   }
 
   // Core API ------------------------------------------------------------------
-  const version = "3.2.16";
+  const version = "3.2.20";
   /**
    * SSR utils for \@vue/server-renderer. Only exposed in cjs builds.
    * @internal
@@ -10595,7 +10630,11 @@ var Vue = (function (exports) {
           warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
       }
       return container;
-  }
+  }
+  /**
+   * @internal
+   */
+  const initDirectivesForSSR = NOOP;
 
   function initDev() {
       {
@@ -11007,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),
@@ -11834,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) {
@@ -11863,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 {
@@ -12073,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] || '>'));
   }
 
@@ -15470,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;
@@ -15494,6 +15534,7 @@ var Vue = (function (exports) {
   exports.handleError = handleError;
   exports.hydrate = hydrate;
   exports.initCustomFormatter = initCustomFormatter;
+  exports.initDirectivesForSSR = initDirectivesForSSR;
   exports.inject = inject;
   exports.isMemoSame = isMemoSame;
   exports.isProxy = isProxy;