@vue/runtime-vapor 3.6.0-alpha.4 → 3.6.0-alpha.6

package/dist/runtime-vapor.d.ts

@@ -1,10 +1,10 @@
-import { VNode, TransitionHooks, TransitionState, TransitionProps, Plugin, SchedulerJob, GenericComponentInstance, GenericAppContext, EffectScope as EffectScope$1, EmitFn, SuspenseBoundary, LifecycleHook, NormalizedPropsOptions, ObjectEmitsOptions, ComponentInternalOptions, AsyncComponentInternalOptions, ComponentPropsOptions, EmitsOptions, CreateAppFunction, AsyncComponentLoader, AsyncComponentOptions, DirectiveModifiers, VueElementBase, CustomElementOptions } from '@vue/runtime-dom';
+import { VNode, GenericComponentInstance, TransitionHooks, TransitionState, TransitionProps, Plugin, SchedulerJob, GenericAppContext, EffectScope as EffectScope$1, EmitFn, SuspenseBoundary, LifecycleHook, NormalizedPropsOptions, ObjectEmitsOptions, ComponentInternalOptions, AsyncComponentInternalOptions, ComponentPropsOptions, EmitsOptions, CreateAppFunction, AsyncComponentLoader, AsyncComponentOptions, DirectiveModifiers, VueElementBase, CustomElementOptions } from '@vue/runtime-dom';
 import { Ref, EffectScope, ReactiveEffect, ShallowRef } from '@vue/reactivity';
 import { Namespace, NormalizedStyle } from '@vue/shared';
 
 type NodeRef = string | Ref | ((ref: Element | VaporComponentInstance, refs: Record<string, any>) => void);
 type RefEl = Element | VaporComponentInstance;
-type setRefFn = (el: RefEl, ref: NodeRef, oldRef?: NodeRef, refFor?: boolean) => NodeRef | undefined;
+type setRefFn = (el: RefEl, ref: NodeRef, oldRef?: NodeRef, refFor?: boolean, refKey?: string) => NodeRef | undefined;
 export declare function createTemplateRefSetter(): setRefFn;
 
 export declare class VaporFragment<T extends Block = Block> implements TransitionOptions {
@@ -13,11 +13,13 @@ export declare class VaporFragment<T extends Block = Block> implements Transitio
     nodes: T;
     vnode?: VNode | null;
     anchor?: Node;
+    parentComponent?: GenericComponentInstance | null;
     fallback?: BlockFn;
     insert?: (parent: ParentNode, anchor: Node | null, transitionHooks?: TransitionHooks) => void;
     remove?: (parent?: ParentNode, transitionHooks?: TransitionHooks) => void;
     hydrate?: (...args: any[]) => void;
     setRef?: (instance: VaporComponentInstance, ref: NodeRef, refFor: boolean, refKey: string | undefined) => void;
+    updated?: ((nodes?: Block) => void)[];
     constructor(nodes: T);
 }
 declare class ForFragment extends VaporFragment<Block[]> {
@@ -29,8 +31,11 @@ declare class DynamicFragment extends VaporFragment {
     current?: BlockFn;
     fallback?: BlockFn;
     anchorLabel?: string;
-    inKeepAlive?: boolean;
-    keptAliveScopes?: Map<any, EffectScope>;
+    attrs?: Record<string, any>;
+    setAsyncRef?: (instance: VaporComponentInstance) => void;
+    getScope?: (key: any) => EffectScope | undefined;
+    beforeTeardown?: ((oldKey: any, nodes: Block, scope: EffectScope) => boolean)[];
+    beforeMount?: ((newKey: any, nodes: Block, scope: EffectScope) => void)[];
     constructor(anchorLabel?: string);
     update(render?: BlockFn, key?: any): void;
     private render;
@@ -43,7 +48,6 @@ interface VaporTransitionHooks extends TransitionHooks {
     props: TransitionProps;
     instance: VaporComponentInstance;
     disabled?: boolean;
-    group?: boolean;
 }
 interface TransitionOptions {
     $key?: any;
@@ -91,12 +95,14 @@ type DynamicSlot = {
 type DynamicSlotFn = () => DynamicSlot | DynamicSlot[];
 type DynamicSlotSource = StaticSlots | DynamicSlotFn;
 /**
- * Wrap a slot function to memoize currentInstance
- * 1. ensure correct currentInstance in forwarded slots
- * 2. elements created in the slot inherit the slot owner's scopeId
+ * Wrap a slot function to track the slot owner.
+ *
+ * This ensures:
+ * 1. createSlot gets rawSlots from the correct component (slot owner)
+ * 2. Elements inherit the slot owner's scopeId
  */
 export declare function withVaporCtx(fn: Function): BlockFn;
-export declare function createSlot(name: string | (() => string), rawProps?: LooseRawProps | null, fallback?: VaporSlot, noSlotted?: boolean): Block;
+export declare function createSlot(name: string | (() => string), rawProps?: LooseRawProps | null, fallback?: VaporSlot, noSlotted?: boolean, once?: boolean): Block;
 
 export declare const VaporTeleportImpl: {
     name: string;
@@ -109,22 +115,24 @@ declare class TeleportFragment extends VaporFragment {
     private rawProps?;
     private resolvedProps?;
     private rawSlots?;
+    isDisabled?: boolean;
     target?: ParentNode | null;
     targetAnchor?: Node | null;
     targetStart?: Node | null;
     placeholder?: Node;
     mountContainer?: ParentNode | null;
     mountAnchor?: Node | null;
-    parentComponent: GenericComponentInstance;
     constructor(props: LooseRawProps, slots: LooseRawSlots);
     get parent(): ParentNode | null;
     private initChildren;
     private handleChildrenUpdate;
+    private mount;
+    private mountToTarget;
     private handlePropsUpdate;
     insert: (container: ParentNode, anchor: Node | null) => void;
     remove: (parent?: ParentNode | undefined) => void;
     private hydrateDisabledTeleport;
-    private mount;
+    private mountChildren;
     hydrate: () => void;
 }
 
@@ -192,6 +200,9 @@ declare class VaporComponentInstance implements GenericComponentInstance {
     provides: Record<string, any>;
     ids: [string, number, number];
     suspense: SuspenseBoundary | null;
+    suspenseId: number;
+    asyncDep: Promise<any> | null;
+    asyncResolved: boolean;
     renderEffects?: RenderEffect[];
     hasFallthrough: boolean;
     shapeFlag?: number;
@@ -221,7 +232,13 @@ declare class VaporComponentInstance implements GenericComponentInstance {
     propsOptions?: NormalizedPropsOptions;
     emitsOptions?: ObjectEmitsOptions | null;
     isSingleRoot?: boolean;
-    constructor(comp: VaporComponent, rawProps?: RawProps | null, rawSlots?: RawSlots | null, appContext?: GenericAppContext, once?: boolean, parent?: GenericComponentInstance | null);
+    /**
+     * dev only flag to track whether $attrs was used during render.
+     * If $attrs was used during render then the warning for failed attrs
+     * fallthrough can be suppressed.
+     */
+    accessedAttrs: boolean;
+    constructor(comp: VaporComponent, rawProps?: RawProps | null, rawSlots?: RawSlots | null, appContext?: GenericAppContext, once?: boolean);
     /**
      * Expose `getKeysFromRawProps` on the instance so it can be used in code
      * paths where it's needed, e.g. `useModel`
@@ -348,9 +365,9 @@ export declare function setHtml(el: TargetElement, value: any): void;
 export declare function setBlockHtml(block: Block & {
     $html?: string;
 }, value: any): void;
-export declare function setDynamicProps(el: any, args: any[], root?: boolean, isSVG?: boolean): void;
+export declare function setDynamicProps(el: any, args: any[], isSVG?: boolean): void;
 
-export declare function on(el: Element, event: string, handler: (e: Event) => any, options?: AddEventListenerOptions & {
+export declare function on(el: Element, event: string, handler: (e: Event) => any | ((e: Event) => any)[], options?: AddEventListenerOptions & {
     effect?: boolean;
 }): void;
 export declare function delegate(el: any, event: string, handler: (e: Event) => any): void;
@@ -370,6 +387,8 @@ export declare function createForSlots(rawSource: Source, getSlot: (item: any, k
 export declare function getRestElement(val: any, keys: string[]): any;
 export declare function getDefaultValue(val: any, defaultVal: any): any;
 
+export declare function useVaporCssVars(getter: () => Record<string, string>): void;
+
 export declare function createDynamicComponent(getter: () => any, rawProps?: RawProps | null, rawSlots?: RawSlots | null, isSingleRoot?: boolean, once?: boolean): VaporFragment;
 
 export declare function applyVShow(target: Block, source: () => any): void;