vue Architecture Docs
Home / File/ transition.ts — vue Source File

transition.ts — vue Source File

Architecture documentation for transition.ts, a typescript file in the vue codebase. 7 imports, 1 dependents.

File typescript WebPlatform RuntimeModules 7 imports 1 dependents 7 functions

Entity Profile

Dependency Diagram

graph LR
  9054be9b_2c50_137b_ab18_88c14104b006["transition.ts"]
  02e43f4a_da65_7acd_5a98_0f017554a159["index"]
  9054be9b_2c50_137b_ab18_88c14104b006 --> 02e43f4a_da65_7acd_5a98_0f017554a159
  c078cebd_36ee_e879_0a89_19cf4b3ed9a7["index"]
  9054be9b_2c50_137b_ab18_88c14104b006 --> c078cebd_36ee_e879_0a89_19cf4b3ed9a7
  e6c67061_4b79_a1e0_e3f6_f14a5605d414["lifecycle"]
  9054be9b_2c50_137b_ab18_88c14104b006 --> e6c67061_4b79_a1e0_e3f6_f14a5605d414
  156bf2e1_8a13_f22d_5437_54f14bcef8fa["util"]
  9054be9b_2c50_137b_ab18_88c14104b006 --> 156bf2e1_8a13_f22d_5437_54f14bcef8fa
  794bfc20_cc74_340b_dac6_a3f7ea5d55ce["transition-util"]
  9054be9b_2c50_137b_ab18_88c14104b006 --> 794bfc20_cc74_340b_dac6_a3f7ea5d55ce
  81ed4f13_7d68_6e21_7425_cf978f68576f["vnode"]
  9054be9b_2c50_137b_ab18_88c14104b006 --> 81ed4f13_7d68_6e21_7425_cf978f68576f
  f6868225_acf7_afdc_ebd3_15704ddb6566["vnode"]
  9054be9b_2c50_137b_ab18_88c14104b006 --> f6868225_acf7_afdc_ebd3_15704ddb6566
  227f73c4_4e20_2188_e5c5_a61fcdcc0b12["index.ts"]
  227f73c4_4e20_2188_e5c5_a61fcdcc0b12 --> 9054be9b_2c50_137b_ab18_88c14104b006
  style 9054be9b_2c50_137b_ab18_88c14104b006 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { inBrowser, isIE9, warn } from 'core/util/index'
import { mergeVNodeHook } from 'core/vdom/helpers/index'
import { activeInstance } from 'core/instance/lifecycle'

import {
  once,
  isDef,
  isUndef,
  isObject,
  toNumber,
  isFunction
} from 'shared/util'

import {
  nextFrame,
  resolveTransition,
  whenTransitionEnds,
  addTransitionClass,
  removeTransitionClass
} from 'web/runtime/transition-util'

import type { VNodeWithData } from 'types/vnode'
import VNode from 'core/vdom/vnode'

export function enter(vnode: VNodeWithData, toggleDisplay?: () => void) {
  const el: any = vnode.elm

  // call leave callback now
  if (isDef(el._leaveCb)) {
    el._leaveCb.cancelled = true
    el._leaveCb()
  }

  const data = resolveTransition(vnode.data.transition)
  if (isUndef(data)) {
    return
  }

  /* istanbul ignore if */
  if (isDef(el._enterCb) || el.nodeType !== 1) {
    return
  }

  const {
    css,
    type,
    enterClass,
    enterToClass,
    enterActiveClass,
    appearClass,
    appearToClass,
    appearActiveClass,
    beforeEnter,
    enter,
    afterEnter,
    enterCancelled,
    beforeAppear,
    appear,
    afterAppear,
    appearCancelled,
// ... (282 more lines)

Domain

Subdomains

Functions

Dependencies

  • index
  • index
  • lifecycle
  • transition-util
  • util
  • vnode
  • vnode

Imported By

Source

Frequently Asked Questions

What does transition.ts do?
transition.ts is a source file in the vue codebase, written in typescript. It belongs to the WebPlatform domain, RuntimeModules subdomain.
What functions are defined in transition.ts?
transition.ts defines 7 function(s): _enter, checkDuration, default.remove, enter, getHookArgumentsLength, isValidDuration, leave.
What does transition.ts depend on?
transition.ts imports 7 module(s): index, index, lifecycle, transition-util, util, vnode, vnode.
What files import transition.ts?
transition.ts is imported by 1 file(s): index.ts.
Where is transition.ts in the architecture?
transition.ts is located at src/platforms/web/runtime/modules/transition.ts (domain: WebPlatform, subdomain: RuntimeModules, directory: src/platforms/web/runtime/modules).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free