resolveTransition() — vue Function Reference

Architecture documentation for the resolveTransition() function in transition-util.ts from the vue codebase.

Function typescript WebPlatform RuntimeDirectives calls 2 called by 2

Entity Profile

WebPlatform→ RuntimeDirectives→ resolveTransition() — vue Function Reference

Dependency Diagram

graph TD
  15b015fc_372e_005b_54dc_67a7bfbde5be["resolveTransition()"]
  ba54cdc9_f934_43fb_f1d2_3319595d4c1d["enter()"]
  ba54cdc9_f934_43fb_f1d2_3319595d4c1d -->|calls| 15b015fc_372e_005b_54dc_67a7bfbde5be
  bb5c970d_2e75_b59b_6ddf_fe4f60d2e887["leave()"]
  bb5c970d_2e75_b59b_6ddf_fe4f60d2e887 -->|calls| 15b015fc_372e_005b_54dc_67a7bfbde5be
  133969d0_a7bd_f1c5_46a3_9fb8fd249583["extend()"]
  15b015fc_372e_005b_54dc_67a7bfbde5be -->|calls| 133969d0_a7bd_f1c5_46a3_9fb8fd249583
  24f2ea89_a8d4_f927_5470_492649344855["autoCssTransition()"]
  15b015fc_372e_005b_54dc_67a7bfbde5be -->|calls| 24f2ea89_a8d4_f927_5470_492649344855
  style 15b015fc_372e_005b_54dc_67a7bfbde5be fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/transition-util.ts lines 5–22

export function resolveTransition(
  def?: string | Record<string, any>
): Record<string, any> | undefined {
  if (!def) {
    return
  }
  /* istanbul ignore else */
  if (typeof def === 'object') {
    const res = {}
    if (def.css !== false) {
      extend(res, autoCssTransition(def.name || 'v'))
    }
    extend(res, def)
    return res
  } else if (typeof def === 'string') {
    return autoCssTransition(def)
  }
}