@vue/compat 3.6.0-alpha.6 → 3.6.0-alpha.7

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.6.0-alpha.6
+* @vue/compat v3.6.0-alpha.7
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2085,6 +2085,16 @@ class EffectScope {
       return;
     }
     this.flags = 1024;
+    this.reset();
+    const sub = this.subs;
+    if (sub !== void 0) {
+      unlink(sub);
+    }
+  }
+  /**
+   * @internal
+   */
+  reset() {
     let dep = this.deps;
     while (dep !== void 0) {
       const node = dep.dep;
@@ -2095,10 +2105,6 @@ class EffectScope {
         dep = unlink(dep, this);
       }
     }
-    const sub = this.subs;
-    if (sub !== void 0) {
-      unlink(sub);
-    }
     cleanup(this);
   }
 }
@@ -2915,6 +2921,7 @@ function checkRecursiveUpdates(seen, fn) {
 
 let isHmrUpdating = false;
 const hmrDirtyComponents = /* @__PURE__ */ new Map();
+const hmrDirtyComponentsMode = /* @__PURE__ */ new Map();
 if (!!(process.env.NODE_ENV !== "production")) {
   getGlobalThis().__VUE_HMR_RUNTIME__ = {
     createRecord: tryWrap(createRecord),
@@ -2978,9 +2985,10 @@ function reload(id, newComp) {
   const record = map.get(id);
   if (!record) return;
   newComp = normalizeClassComponent(newComp);
+  const isVapor = record.initialDef.__vapor;
   updateComponentDef(record.initialDef, newComp);
   const instances = [...record.instances];
-  if (newComp.__vapor && !instances.some((i) => i.ceReload)) {
+  if (isVapor && newComp.__vapor && !instances.some((i) => i.ceReload)) {
     for (const instance of instances) {
       if (instance.root && instance.root.ce && instance !== instance.root) {
         instance.root.ce._removeChildStyle(instance.type);
@@ -3000,6 +3008,7 @@ function reload(id, newComp) {
         hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set());
       }
       dirtyInstances.add(instance);
+      hmrDirtyComponentsMode.set(oldComp, !!isVapor);
       instance.appContext.propsCache.delete(instance.type);
       instance.appContext.emitsCache.delete(instance.type);
       instance.appContext.optionsCache.delete(instance.type);
@@ -3040,6 +3049,7 @@ function reload(id, newComp) {
   }
   queuePostFlushCb(() => {
     hmrDirtyComponents.clear();
+    hmrDirtyComponentsMode.clear();
   });
 }
 function updateComponentDef(oldComp, newComp) {
@@ -4201,7 +4211,7 @@ const BaseTransitionPropsValidators = {
   onAppearCancelled: TransitionHookValidator
 };
 const recursiveGetSubtree = (instance) => {
-  const subTree = instance.type.__vapor ? instance.block : instance.subTree;
+  const subTree = isVaporComponent(instance.type) ? instance.block : instance.subTree;
   return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
 };
 const BaseTransitionImpl = {
@@ -4512,7 +4522,7 @@ function getInnerChild$1(vnode) {
 }
 function setTransitionHooks(vnode, hooks) {
   if (vnode.shapeFlag & 6 && vnode.component) {
-    if (vnode.type.__vapor) {
+    if (isVaporComponent(vnode.type)) {
       getVaporInterface(vnode.component, vnode).setTransitionHooks(
         vnode.component,
         hooks
@@ -7737,7 +7747,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.6.0-alpha.6"}`;
+  Vue.version = `2.6.14-compat:${"3.6.0-alpha.7"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -9795,7 +9805,13 @@ function baseCreateRenderer(options, createHydrationFns) {
         );
         break;
       case VaporSlot:
-        getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor);
+        getVaporInterface(parentComponent, n2).slot(
+          n1,
+          n2,
+          container,
+          anchor,
+          parentComponent
+        );
         break;
       default:
         if (shapeFlag & 1) {
@@ -11015,7 +11031,7 @@ function baseCreateRenderer(options, createHydrationFns) {
   const move = (vnode, container, anchor, moveType, parentComponent, parentSuspense = null) => {
     const { el, type, transition, children, shapeFlag } = vnode;
     if (shapeFlag & 6) {
-      if (type.__vapor) {
+      if (isVaporComponent(type)) {
         getVaporInterface(parentComponent, vnode).move(vnode, container, anchor);
       } else {
         move(
@@ -11125,7 +11141,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       parentComponent.renderCache[cacheIndex] = void 0;
     }
     if (shapeFlag & 256) {
-      if (vnode.type.__vapor) {
+      if (isVaporComponent(vnode.type)) {
         getVaporInterface(parentComponent, vnode).deactivate(
           vnode,
           parentComponent.ctx.getStorageContainer()
@@ -11142,7 +11158,7 @@ function baseCreateRenderer(options, createHydrationFns) {
       invokeVNodeHook(vnodeHook, parentComponent, vnode);
     }
     if (shapeFlag & 6) {
-      if (type.__vapor) {
+      if (isVaporComponent(type)) {
         getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
         return;
       } else {
@@ -11284,7 +11300,7 @@ function baseCreateRenderer(options, createHydrationFns) {
   };
   const getNextHostNode = (vnode) => {
     if (vnode.shapeFlag & 6) {
-      if (vnode.type.__vapor) {
+      if (isVaporComponent(vnode.type)) {
         return hostNextSibling(vnode.anchor);
       }
       return getNextHostNode(vnode.component.subTree);
@@ -11476,6 +11492,12 @@ app.use(vaporInteropPlugin)
   }
   return res;
 }
+function isVaporComponent(type) {
+  if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating && hmrDirtyComponentsMode.has(type)) {
+    return hmrDirtyComponentsMode.get(type);
+  }
+  return type.__vapor;
+}
 function getInheritedScopeIds(vnode, parentComponent) {
   const inheritedScopeIds = [];
   let currentParent = parentComponent;
@@ -13240,7 +13262,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.6.0-alpha.6";
+const version = "3.6.0-alpha.7";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.6.0-alpha.6
+* @vue/compat v3.6.0-alpha.7
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2073,6 +2073,16 @@ var Vue = (function () {
         return;
       }
       this.flags = 1024;
+      this.reset();
+      const sub = this.subs;
+      if (sub !== void 0) {
+        unlink(sub);
+      }
+    }
+    /**
+     * @internal
+     */
+    reset() {
       let dep = this.deps;
       while (dep !== void 0) {
         const node = dep.dep;
@@ -2083,10 +2093,6 @@ var Vue = (function () {
           dep = unlink(dep, this);
         }
       }
-      const sub = this.subs;
-      if (sub !== void 0) {
-        unlink(sub);
-      }
       cleanup(this);
     }
   }
@@ -2898,6 +2904,7 @@ var Vue = (function () {
 
   let isHmrUpdating = false;
   const hmrDirtyComponents = /* @__PURE__ */ new Map();
+  const hmrDirtyComponentsMode = /* @__PURE__ */ new Map();
   {
     getGlobalThis().__VUE_HMR_RUNTIME__ = {
       createRecord: tryWrap(createRecord),
@@ -2961,9 +2968,10 @@ var Vue = (function () {
     const record = map.get(id);
     if (!record) return;
     newComp = normalizeClassComponent(newComp);
+    const isVapor = record.initialDef.__vapor;
     updateComponentDef(record.initialDef, newComp);
     const instances = [...record.instances];
-    if (newComp.__vapor && !instances.some((i) => i.ceReload)) {
+    if (isVapor && newComp.__vapor && !instances.some((i) => i.ceReload)) {
       for (const instance of instances) {
         if (instance.root && instance.root.ce && instance !== instance.root) {
           instance.root.ce._removeChildStyle(instance.type);
@@ -2983,6 +2991,7 @@ var Vue = (function () {
           hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set());
         }
         dirtyInstances.add(instance);
+        hmrDirtyComponentsMode.set(oldComp, !!isVapor);
         instance.appContext.propsCache.delete(instance.type);
         instance.appContext.emitsCache.delete(instance.type);
         instance.appContext.optionsCache.delete(instance.type);
@@ -3023,6 +3032,7 @@ var Vue = (function () {
     }
     queuePostFlushCb(() => {
       hmrDirtyComponents.clear();
+      hmrDirtyComponentsMode.clear();
     });
   }
   function updateComponentDef(oldComp, newComp) {
@@ -4181,7 +4191,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
     onAppearCancelled: TransitionHookValidator
   };
   const recursiveGetSubtree = (instance) => {
-    const subTree = instance.type.__vapor ? instance.block : instance.subTree;
+    const subTree = isVaporComponent(instance.type) ? instance.block : instance.subTree;
     return subTree.component ? recursiveGetSubtree(subTree.component) : subTree;
   };
   const BaseTransitionImpl = {
@@ -4491,7 +4501,7 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
   }
   function setTransitionHooks(vnode, hooks) {
     if (vnode.shapeFlag & 6 && vnode.component) {
-      if (vnode.type.__vapor) {
+      if (isVaporComponent(vnode.type)) {
         getVaporInterface(vnode.component, vnode).setTransitionHooks(
           vnode.component,
           hooks
@@ -7682,7 +7692,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.6.0-alpha.6"}`;
+    Vue.version = `2.6.14-compat:${"3.6.0-alpha.7"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -9672,7 +9682,13 @@ If you want to remount the same app, move your app creation logic into a factory
           );
           break;
         case VaporSlot:
-          getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor);
+          getVaporInterface(parentComponent, n2).slot(
+            n1,
+            n2,
+            container,
+            anchor,
+            parentComponent
+          );
           break;
         default:
           if (shapeFlag & 1) {
@@ -10881,7 +10897,7 @@ If you want to remount the same app, move your app creation logic into a factory
     const move = (vnode, container, anchor, moveType, parentComponent, parentSuspense = null) => {
       const { el, type, transition, children, shapeFlag } = vnode;
       if (shapeFlag & 6) {
-        if (type.__vapor) {
+        if (isVaporComponent(type)) {
           getVaporInterface(parentComponent, vnode).move(vnode, container, anchor);
         } else {
           move(
@@ -10991,7 +11007,7 @@ If you want to remount the same app, move your app creation logic into a factory
         parentComponent.renderCache[cacheIndex] = void 0;
       }
       if (shapeFlag & 256) {
-        if (vnode.type.__vapor) {
+        if (isVaporComponent(vnode.type)) {
           getVaporInterface(parentComponent, vnode).deactivate(
             vnode,
             parentComponent.ctx.getStorageContainer()
@@ -11008,7 +11024,7 @@ If you want to remount the same app, move your app creation logic into a factory
         invokeVNodeHook(vnodeHook, parentComponent, vnode);
       }
       if (shapeFlag & 6) {
-        if (type.__vapor) {
+        if (isVaporComponent(type)) {
           getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
           return;
         } else {
@@ -11150,7 +11166,7 @@ If you want to remount the same app, move your app creation logic into a factory
     };
     const getNextHostNode = (vnode) => {
       if (vnode.shapeFlag & 6) {
-        if (vnode.type.__vapor) {
+        if (isVaporComponent(vnode.type)) {
           return hostNextSibling(vnode.anchor);
         }
         return getNextHostNode(vnode.component.subTree);
@@ -11342,6 +11358,12 @@ app.use(vaporInteropPlugin)
     }
     return res;
   }
+  function isVaporComponent(type) {
+    if (isHmrUpdating && hmrDirtyComponentsMode.has(type)) {
+      return hmrDirtyComponentsMode.get(type);
+    }
+    return type.__vapor;
+  }
   function getInheritedScopeIds(vnode, parentComponent) {
     const inheritedScopeIds = [];
     let currentParent = parentComponent;
@@ -13075,7 +13097,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.6.0-alpha.6";
+  const version = "3.6.0-alpha.7";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;