@vue/runtime-vapor 3.6.0-beta.11 → 3.6.0-beta.12

package/dist/runtime-vapor.d.ts

@@ -38,7 +38,9 @@ export declare class VaporFragment<T extends Block = Block> implements Transitio
   protected runWithRenderCtx<R>(fn: () => R, scope?: EffectScope$1): R;
 }
 declare class ForFragment extends VaporFragment<Block[]> {
+  resetListeners?: (() => void)[];
   constructor(nodes: Block[]);
+  onReset(fn: () => void): void;
 }
 export declare class DynamicFragment extends VaporFragment {
   anchor: Node;
@@ -60,8 +62,10 @@ export declare class DynamicFragment extends VaporFragment {
 }
 interface SlotBoundaryContext {
   parent: SlotBoundaryContext | null;
-  getLocalFallback: () => BlockFn | undefined;
+  getFallback: () => BlockFn | undefined;
+  run<R>(fn: () => R, scope?: EffectScope$1): R;
   markDirty: () => void;
+  redirected?: SlotBoundaryContext;
 }
 export declare function isFragment(val: NonNullable<unknown>): val is VaporFragment;
 //#endregion
@@ -85,9 +89,8 @@ export declare function insert(block: Block, parent: ParentNode & {
 export declare function prepend(parent: ParentNode, ...blocks: Block[]): void;
 export declare function remove(block: Block, parent?: ParentNode): void;
 //#endregion
-//#region temp/packages/runtime-vapor/src/vdomInterop.d.ts
+//#region temp/packages/runtime-vapor/src/vdomInteropState.d.ts
 declare const interopKey: unique symbol;
-export declare const vaporInteropPlugin: Plugin;
 //#endregion
 //#region temp/packages/runtime-vapor/src/componentProps.d.ts
 type RawProps = Record<string, () => unknown> & {
@@ -358,6 +361,9 @@ export declare const createVaporSSRApp: CreateAppFunction<ParentNode, VaporCompo
 //#region temp/packages/runtime-vapor/src/apiDefineAsyncComponent.d.ts
 export declare function defineVaporAsyncComponent<T extends VaporComponent>(source: AsyncComponentLoader<T> | AsyncComponentOptions<T>): T;
 //#endregion
+//#region temp/packages/runtime-vapor/src/vdomInterop.d.ts
+export declare const vaporInteropPlugin: Plugin;
+//#endregion
 //#region temp/packages/runtime-vapor/src/directives/custom.d.ts
 export type VaporDirective = (node: Element | VaporComponentInstance, value?: () => any, argument?: string, modifiers?: DirectiveModifiers) => (() => void) | void;
 type VaporDirectiveArguments = Array<[VaporDirective | undefined] | [VaporDirective | undefined, () => any] | [VaporDirective | undefined, (() => any) | undefined, argument: string] | [VaporDirective | undefined, value: (() => any) | undefined, argument: string | undefined, modifiers: DirectiveModifiers]>;
@@ -447,6 +453,7 @@ type TargetElement = Element & {
   $root?: true;
   $html?: string;
   $cls?: string;
+  $clsFlags?: number;
   $sty?: NormalizedStyle | string | undefined;
   value?: string;
   _value?: any;
@@ -454,7 +461,8 @@ type TargetElement = Element & {
 export declare function setProp(el: any, key: string, value: any): void;
 export declare function setAttr(el: any, key: string, value: any, isSVG?: boolean): void;
 export declare function setDOMProp(el: any, key: string, value: any, forceHydrate?: boolean, attrName?: string): void;
-export declare function setClass(el: TargetElement, value: any, isSVG?: boolean): void;
+export declare function setClass(el: TargetElement, value: any, isSVG?: boolean, isNormalized?: boolean): void;
+export declare function setClassName(el: TargetElement, flags: number, cls: string | string[], prefix?: string, suffix?: string): void;
 export declare function setStyle(el: TargetElement, value: any): void;
 export declare function setValue(el: TargetElement, value: any, forceHydrate?: boolean): void;
 /**
@@ -507,9 +515,29 @@ export declare function createKeyedFragment(key: () => any, render: BlockFn): Bl
 //#endregion
 //#region temp/packages/runtime-vapor/src/apiCreateFor.d.ts
 type Source = any[] | Record<any, any> | number | Set<any> | Map<any, any>;
-export declare const createFor: (src: () => Source, renderItem: (item: ShallowRef<any>, key: ShallowRef<any>, index: ShallowRef<number | undefined>) => Block, getKey?: (item: any, key: any, index?: number) => any, flags?: number, setup?: (_: {
-  createSelector: (source: () => any) => (cb: () => void) => void;
-}) => void) => ForFragment;
+export declare const createFor: (src: () => Source, renderItem: (item: ShallowRef<any>, key: ShallowRef<any>, index: ShallowRef<number | undefined>) => Block, getKey?: (item: any, key: any, index?: number) => any, flags?: number) => ForFragment;
+interface ForSelector {
+  (key: any, oper: () => void): void;
+  /**
+  * Bulk-reset the selector's internal state. Hook into a v-for's fast-reset
+  * paths via `forFragment.onReset(selector.reset)` so the lazy per-item
+  * `onScopeDispose` teardowns short-circuit instead of doing N individual
+  * Map.delete() calls.
+  */
+  reset(): void;
+}
+/**
+* Builds a key-indexed selector that activates only the opers registered with
+* the key matching the current source value. Compared to letting each item
+* subscribe directly, this keeps re-renders on source change O(2) instead of
+* O(N) (only previous and new active item re-run).
+*
+* Selector cleanup follows the current scope. Per-item teardown is auto-wired
+* via `onScopeDispose` so callers (typically v-for item scopes) don't need
+* explicit deregistration. For bulk-reset hot paths, attach the selector to
+* the v-for via `frag.onReset(selector.reset)` to skip the per-item Map ops.
+*/
+export declare function createSelector(source: () => any): ForSelector;
 export declare function createForSlots(rawSource: Source, getSlot: (item: any, key: any, index?: number) => DynamicSlot): DynamicSlot[];
 export declare function getRestElement(val: any, keys: string[]): any;
 export declare function getDefaultValue(val: any, defaultVal: any): any;