resolveTransition() — vue Function Reference

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

Function typescript WebPlatform WebRuntime calls 2 called by 2

Entity Profile

WebPlatform→ WebRuntime→ resolveTransition() — vue Function Reference

Dependency Diagram

graph TD
  42f54d00_63e8_6550_8a02_9676b3f014dd["resolveTransition()"]
  b003e13b_30f4_2501_b631_df864fa7941b["enter()"]
  b003e13b_30f4_2501_b631_df864fa7941b -->|calls| 42f54d00_63e8_6550_8a02_9676b3f014dd
  29af0f73_d62b_5291_e707_1f3301bf3357["leave()"]
  29af0f73_d62b_5291_e707_1f3301bf3357 -->|calls| 42f54d00_63e8_6550_8a02_9676b3f014dd
  7a0093e3_a58a_af71_971f_488b65897e74["extend()"]
  42f54d00_63e8_6550_8a02_9676b3f014dd -->|calls| 7a0093e3_a58a_af71_971f_488b65897e74
  2aa89a01_a771_daac_e5f5_825d4452e3ad["autoCssTransition()"]
  42f54d00_63e8_6550_8a02_9676b3f014dd -->|calls| 2aa89a01_a771_daac_e5f5_825d4452e3ad
  style 42f54d00_63e8_6550_8a02_9676b3f014dd 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)
  }
}