v3-directive.d.ts — vue Source File

Architecture documentation for v3-directive.d.ts, a typescript file in the vue codebase. 1 imports, 0 dependents.

File typescript CompilerSFC StyleProcessor 1 imports 1 functions

Entity Profile

CompilerSFC→ StyleProcessor→ v3-directive.d.ts — vue Source File

Dependency Diagram

graph LR
  d5e89cab_b942_2744_396f_36b7ae63a314["v3-directive.d.ts"]
  4153c628_325c_7bd5_7f44_82467e39cbcd["./vnode"]
  d5e89cab_b942_2744_396f_36b7ae63a314 --> 4153c628_325c_7bd5_7f44_82467e39cbcd
  style d5e89cab_b942_2744_396f_36b7ae63a314 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import type { VNodeDirective, VNode } from './vnode'

export type DirectiveModifiers = Record<string, boolean>

export interface DirectiveBinding<V> extends Readonly<VNodeDirective> {
  readonly modifiers: DirectiveModifiers
  readonly value: V
  readonly oldValue: V | null
}

export type DirectiveHook<T = any, Prev = VNode | null, V = any> = (
  el: T,
  binding: DirectiveBinding<V>,
  vnode: VNode,
  prevVNode: Prev
) => void

export interface ObjectDirective<T = any, V = any> {
  bind?: DirectiveHook<T, any, V>
  inserted?: DirectiveHook<T, any, V>
  update?: DirectiveHook<T, any, V>
  componentUpdated?: DirectiveHook<T, any, V>
  unbind?: DirectiveHook<T, any, V>
}
export type FunctionDirective<T = any, V = any> = DirectiveHook<T, any, V>

export type Directive<T = any, V = any> =
  | ObjectDirective<T, V>
  | FunctionDirective<T, V>