@vue/runtime-vapor 3.6.0-alpha.7 → 3.6.0-beta.2

package/dist/runtime-vapor.d.ts

@@ -1,5 +1,5 @@
 import { VNode, GenericComponentInstance, TransitionHooks, TransitionState, TransitionProps, Plugin, SchedulerJob, EmitsOptions, ComponentObjectPropsOptions, ExtractPropTypes, ReservedProps, AllowedComponentProps, ComponentCustomProps, EmitsToProps, ExtractDefaultPropTypes, EmitFn, ComponentTypeEmits, TypeEmitsToOptions, GenericAppContext, EffectScope as EffectScope$1, ShallowUnwrapRef, SuspenseBoundary, LifecycleHook, NormalizedPropsOptions, ObjectEmitsOptions, ComponentInternalOptions, AsyncComponentInternalOptions, ComponentPropsOptions, CreateAppFunction, AsyncComponentLoader, AsyncComponentOptions, DirectiveModifiers, CustomElementOptions, VueElementBase } from '@vue/runtime-dom';
-import { Ref, EffectScope, ReactiveEffect, ComputedRef, ShallowRef } from '@vue/reactivity';
+import { Ref, EffectScope, ReactiveEffect, ShallowRef } from '@vue/reactivity';
 import { Prettify, IsKeyValues, Namespace, NormalizedStyle } from '@vue/shared';
 
 type NodeRef = string | Ref | ((ref: Element | VaporComponentInstance, refs: Record<string, any>) => void);
@@ -29,6 +29,10 @@ declare class DynamicFragment extends VaporFragment {
     anchor: Node;
     scope: EffectScope | undefined;
     current?: BlockFn;
+    pending?: {
+        render?: BlockFn;
+        key: any;
+    };
     fallback?: BlockFn;
     anchorLabel?: string;
     attrs?: Record<string, any>;
@@ -93,9 +97,7 @@ type DynamicSlot = {
     name: string;
     fn: VaporSlot;
 };
-type DynamicSlotFn = (() => DynamicSlot | DynamicSlot[]) & {
-    _cache?: ComputedRef<DynamicSlot | DynamicSlot[]>;
-};
+type DynamicSlotFn = () => DynamicSlot | DynamicSlot[];
 type DynamicSlotSource = StaticSlots | DynamicSlotFn;
 /**
  * Wrap a slot function to track the slot owner.
@@ -145,7 +147,7 @@ type VaporComponentInstanceConstructor<T extends VaporComponentInstance> = {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-    new (props?: T['props']): T;
+    new (...args: any[]): T;
 };
 export type DefineVaporComponent<RuntimePropsOptions = {}, RuntimePropsKeys extends string = string, Emits extends EmitsOptions = {}, RuntimeEmitsKeys extends string = string, Slots extends StaticSlots = StaticSlots, Exposed extends Record<string, any> = Record<string, any>, TypeBlock extends Block = Block, TypeRefs extends Record<string, unknown> = {}, MakeDefaultsOptional extends boolean = true, InferredProps = string extends RuntimePropsKeys ? ComponentObjectPropsOptions extends RuntimePropsOptions ? {} : ExtractPropTypes<RuntimePropsOptions> : {
     [key in RuntimePropsKeys]?: any;
@@ -265,6 +267,7 @@ export declare class VaporComponentInstance<Props extends Record<string, any> =
     renderEffects?: RenderEffect[];
     hasFallthrough: boolean;
     shapeFlag?: number;
+    oncePropsCache?: Record<string | symbol, any>;
     isMounted: boolean;
     isUnmounted: boolean;
     isDeactivated: boolean;
@@ -393,7 +396,6 @@ export declare function setInsertionState(parent: ParentNode & {
     $fc?: Node | null;
 }, anchor?: Node | 0 | null | number, last?: boolean): void;
 
-/*! #__NO_SIDE_EFFECTS__ */
 export declare function template(html: string, root?: boolean, ns?: Namespace): () => Node & {
     $root?: true;
 };
@@ -458,6 +460,16 @@ export declare function createInvoker(handler: (...args: any[]) => any): (...arg
 
 export declare function createIf(condition: () => any, b1: BlockFn, b2?: BlockFn, once?: boolean): Block;
 
+/**
+ * Create a dynamic fragment keyed by a reactive value for Vapor transitions.
+ * The fragment is re-rendered when the key changes to trigger enter/leave
+ * animations.
+ *
+ * Example:
+ * <VaporTransition>
+ *   <h1 :key="count">{{ count }}</h1>
+ * </VaporTransition>
+ */
 export declare function createKeyedFragment(key: () => any, render: BlockFn): Block;
 
 type Source = any[] | Record<any, any> | number | Set<any> | Map<any, any>;