@vue/runtime-core 3.6.0-alpha.6 → 3.6.0-alpha.7

package/dist/runtime-core.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-core v3.6.0-alpha.6
+* @vue/runtime-core v3.6.0-alpha.7
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -482,6 +482,7 @@ function checkRecursiveUpdates(seen, fn) {
 
 let isHmrUpdating = false;
 const hmrDirtyComponents = /* @__PURE__ */ new Map();
+const hmrDirtyComponentsMode = /* @__PURE__ */ new Map();
 {
   shared.getGlobalThis().__VUE_HMR_RUNTIME__ = {
     createRecord: tryWrap(createRecord),
@@ -545,9 +546,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);
@@ -567,6 +569,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);
@@ -607,6 +610,7 @@ function reload(id, newComp) {
   }
   queuePostFlushCb(() => {
     hmrDirtyComponents.clear();
+    hmrDirtyComponentsMode.clear();
   });
 }
 function updateComponentDef(oldComp, newComp) {
@@ -1237,7 +1241,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 = {
@@ -1544,7 +1548,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
@@ -5630,7 +5634,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) {
@@ -6811,7 +6821,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(
@@ -6921,7 +6931,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()
@@ -6938,7 +6948,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 {
@@ -7070,7 +7080,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);
@@ -7260,6 +7270,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;
@@ -8928,7 +8944,7 @@ function isMemoSame(cached, memo) {
   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 ;

package/dist/runtime-core.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-core v3.6.0-alpha.6
+* @vue/runtime-core v3.6.0-alpha.7
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -905,7 +905,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 = {
@@ -1204,7 +1204,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
@@ -4362,7 +4362,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) {
@@ -5425,7 +5431,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(
@@ -5535,7 +5541,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()
@@ -5552,7 +5558,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 {
@@ -5670,7 +5676,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);
@@ -5841,6 +5847,9 @@ function getVaporInterface(instance, vnode) {
   const res = ctx && ctx.vapor;
   return res;
 }
+function isVaporComponent(type) {
+  return type.__vapor;
+}
 function getInheritedScopeIds(vnode, parentComponent) {
   const inheritedScopeIds = [];
   let currentParent = parentComponent;
@@ -7149,7 +7158,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.6.0-alpha.6";
+const version = "3.6.0-alpha.7";
 const warn$1 = shared.NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;

package/dist/runtime-core.d.ts

@@ -383,7 +383,7 @@ export type EmitsToProps<T extends EmitsOptions | ComponentTypeEmits> = T extend
 } : T extends ObjectEmitsOptions ? {
     [K in string & keyof T as `on${Capitalize<K>}`]?: (...args: T[K] extends (...args: infer P) => any ? P : T[K] extends null ? any[] : never) => any;
 } : {};
-type TypeEmitsToOptions<T extends ComponentTypeEmits> = {
+export type TypeEmitsToOptions<T extends ComponentTypeEmits> = {
     [K in keyof T & string]: T[K] extends [...args: infer Args] ? (...args: Args) => any : () => any;
 } & (T extends (...args: any[]) => any ? ParametersToFns<OverloadParameters<T>> : {});
 type ParametersToFns<T extends any[]> = {
@@ -479,7 +479,7 @@ type ComponentPublicInstanceConstructor<T extends ComponentPublicInstance<Props,
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-    new (...args: any[]): T;
+    new (props?: T['$props']): T;
 };
 /**
  * @deprecated This is no longer used internally, but exported and relied on by
@@ -558,7 +558,7 @@ declare const SuspenseImpl: {
 };
 export declare const Suspense: {
     __isSuspense: true;
-    new (): {
+    new (props?: VNodeProps & SuspenseProps): {
         $props: VNodeProps & SuspenseProps;
         $slots: {
             default(): VNode[];
@@ -758,7 +758,7 @@ export interface KeepAliveContext extends ComponentRenderContext {
 }
 export declare const KeepAlive: {
     __isKeepAlive: true;
-    new (): {
+    new (props?: VNodeProps & KeepAliveProps): {
         $props: VNodeProps & KeepAliveProps;
         $slots: {
             default(): VNode[];
@@ -1187,7 +1187,7 @@ declare function moveTeleport(vnode: VNode, container: RendererElement, parentAn
 declare function hydrateTeleport(node: Node, vnode: TeleportVNode, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, slotScopeIds: string[] | null, optimized: boolean, { o: { nextSibling, parentNode, querySelector, insert, createText }, }: RendererInternals<Node, Element>, hydrateChildren: (node: Node | null, vnode: VNode, container: Element, parentComponent: ComponentInternalInstance | null, parentSuspense: SuspenseBoundary | null, slotScopeIds: string[] | null, optimized: boolean) => Node | null): Node | null;
 export declare const Teleport: {
     __isTeleport: true;
-    new (): {
+    new (props?: VNodeProps & TeleportProps): {
         $props: VNodeProps & TeleportProps;
         $slots: {
             default(): VNode[];
@@ -1376,7 +1376,7 @@ type Data = Record<string, unknown>;
  * ```
  */
 export type ComponentInstance<T> = T extends {
-    new (): ComponentPublicInstance;
+    new (...args: any[]): ComponentPublicInstance;
 } ? InstanceType<T> : T extends FunctionalComponent<infer Props, infer Emits> ? ComponentPublicInstance<Props, {}, {}, {}, {}, ShortEmitsToObject<Emits>> : T extends Component<infer PropsOrInstance, infer RawBindings, infer D, infer C, infer M> ? PropsOrInstance extends {
     $props: unknown;
 } ? PropsOrInstance : ComponentPublicInstance<unknown extends PropsOrInstance ? {} : PropsOrInstance, unknown extends RawBindings ? {} : RawBindings, unknown extends D ? {} : D, C, M> : never;
@@ -1644,7 +1644,7 @@ interface Constructor<P = any> {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-    new (...args: any[]): {
+    new (props?: P): {
         $props: P;
     };
 }

package/dist/runtime-core.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-core v3.6.0-alpha.6
+* @vue/runtime-core v3.6.0-alpha.7
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -485,6 +485,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),
@@ -548,9 +549,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);
@@ -570,6 +572,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);
@@ -610,6 +613,7 @@ function reload(id, newComp) {
   }
   queuePostFlushCb(() => {
     hmrDirtyComponents.clear();
+    hmrDirtyComponentsMode.clear();
   });
 }
 function updateComponentDef(oldComp, newComp) {
@@ -1240,7 +1244,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 = {
@@ -1548,7 +1552,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
@@ -5702,7 +5706,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) {
@@ -6894,7 +6904,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(
@@ -7004,7 +7014,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()
@@ -7021,7 +7031,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 {
@@ -7153,7 +7163,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);
@@ -7343,6 +7353,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;
@@ -9028,7 +9044,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/runtime-core",
-  "version": "3.6.0-alpha.6",
+  "version": "3.6.0-alpha.7",
   "description": "@vue/runtime-core",
   "main": "index.js",
   "module": "dist/runtime-core.esm-bundler.js",
@@ -46,7 +46,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-core#readme",
   "dependencies": {
-    "@vue/shared": "3.6.0-alpha.6",
-    "@vue/reactivity": "3.6.0-alpha.6"
+    "@vue/reactivity": "3.6.0-alpha.7",
+    "@vue/shared": "3.6.0-alpha.7"
   }
 }