autoCssTransition() — vue Function Reference

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

Function typescript WebPlatform WebRuntime called by 1

Entity Profile

WebPlatform→ WebRuntime→ autoCssTransition() — vue Function Reference

Dependency Diagram

graph TD
  0b3940ee_ed3b_2ea8_e158_bb2c061ab6f1["autoCssTransition()"]
  09de2133_5913_40ae_d30e_b3f99608f41b["transition-util.ts"]
  0b3940ee_ed3b_2ea8_e158_bb2c061ab6f1 -->|defined in| 09de2133_5913_40ae_d30e_b3f99608f41b
  51dea57d_27a9_4c6e_8440_2a2b7f3fdced["resolveTransition()"]
  51dea57d_27a9_4c6e_8440_2a2b7f3fdced -->|calls| 0b3940ee_ed3b_2ea8_e158_bb2c061ab6f1
  style 0b3940ee_ed3b_2ea8_e158_bb2c061ab6f1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/transition-util.ts lines 24–33

const autoCssTransition: (name: string) => Object = cached(name => {
  return {
    enterClass: `${name}-enter`,
    enterToClass: `${name}-enter-to`,
    enterActiveClass: `${name}-enter-active`,
    leaveClass: `${name}-leave`,
    leaveToClass: `${name}-leave-to`,
    leaveActiveClass: `${name}-leave-active`
  }
})