@vue/runtime-dom 3.2.16 → 3.2.20

package/dist/runtime-dom.global.js

@@ -1441,14 +1441,7 @@ var VueRuntimeDOM = (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)
@@ -1459,19 +1452,22 @@ var VueRuntimeDOM = (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) {
@@ -1482,7 +1478,9 @@ var VueRuntimeDOM = (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;
@@ -1499,17 +1497,16 @@ var VueRuntimeDOM = (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.
@@ -1555,6 +1552,14 @@ var VueRuntimeDOM = (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 {
@@ -1590,6 +1595,11 @@ var VueRuntimeDOM = (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) {
@@ -7714,9 +7724,11 @@ var VueRuntimeDOM = (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) {
                   {
@@ -8606,15 +8618,21 @@ var VueRuntimeDOM = (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 {
@@ -8623,6 +8641,23 @@ var VueRuntimeDOM = (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.
@@ -8910,7 +8945,7 @@ var VueRuntimeDOM = (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
@@ -10520,7 +10555,11 @@ var VueRuntimeDOM = (function (exports) {
           warn$1(`mounting on a ShadowRoot with \`{mode: "closed"}\` may lead to unpredictable bugs`);
       }
       return container;
-  }
+  }
+  /**
+   * @internal
+   */
+  const initDirectivesForSSR = NOOP;
 
   exports.BaseTransition = BaseTransition;
   exports.Comment = Comment;
@@ -10548,6 +10587,7 @@ var VueRuntimeDOM = (function (exports) {
   exports.createElementBlock = createElementBlock;
   exports.createElementVNode = createBaseVNode;
   exports.createHydrationRenderer = createHydrationRenderer;
+  exports.createPropsRestProxy = createPropsRestProxy;
   exports.createRenderer = createRenderer;
   exports.createSSRApp = createSSRApp;
   exports.createSlots = createSlots;
@@ -10572,6 +10612,7 @@ var VueRuntimeDOM = (function (exports) {
   exports.handleError = handleError;
   exports.hydrate = hydrate;
   exports.initCustomFormatter = initCustomFormatter;
+  exports.initDirectivesForSSR = initDirectivesForSSR;
   exports.inject = inject;
   exports.isMemoSame = isMemoSame;
   exports.isProxy = isProxy;