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 WebRuntime 7 imports 1 dependents 7 functions

Entity Profile

Dependency Diagram

graph LR
  4d46ad51_46f5_2e09_4e74_85f233ccffed["transition.ts"]
  90a2398a_1498_3263_c62e_0c064dd2c9b3["index"]
  4d46ad51_46f5_2e09_4e74_85f233ccffed --> 90a2398a_1498_3263_c62e_0c064dd2c9b3
  0b94d479_4c91_cb17_f853_bbf7580e667b["index"]
  4d46ad51_46f5_2e09_4e74_85f233ccffed --> 0b94d479_4c91_cb17_f853_bbf7580e667b
  7dd9c364_3c71_bace_8bec_7942694994c8["lifecycle"]
  4d46ad51_46f5_2e09_4e74_85f233ccffed --> 7dd9c364_3c71_bace_8bec_7942694994c8
  09aa5370_2caa_6b33_3f44_6ac5211bd11b["util"]
  4d46ad51_46f5_2e09_4e74_85f233ccffed --> 09aa5370_2caa_6b33_3f44_6ac5211bd11b
  d2b9dc3a_c47b_b472_3d1f_741da3f12b30["transition-util"]
  4d46ad51_46f5_2e09_4e74_85f233ccffed --> d2b9dc3a_c47b_b472_3d1f_741da3f12b30
  ba925ef2_b0f4_efe3_c23d_fe293c46b2c1["vnode"]
  4d46ad51_46f5_2e09_4e74_85f233ccffed --> ba925ef2_b0f4_efe3_c23d_fe293c46b2c1
  973389ac_8625_30a3_53ce_b1b48fae58c5["vnode"]
  4d46ad51_46f5_2e09_4e74_85f233ccffed --> 973389ac_8625_30a3_53ce_b1b48fae58c5
  7973a695_d0db_6940_134b_f6ff953b9e97["index.ts"]
  7973a695_d0db_6940_134b_f6ff953b9e97 --> 4d46ad51_46f5_2e09_4e74_85f233ccffed
  style 4d46ad51_46f5_2e09_4e74_85f233ccffed 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, WebRuntime 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: WebRuntime, 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