normalize() — vue Function Reference

Architecture documentation for the normalize() function in style.ts from the vue codebase.

Function typescript WebPlatform RuntimeDirectives calls 2 called by 1

Entity Profile

WebPlatform→ RuntimeDirectives→ normalize() — vue Function Reference

Dependency Diagram

graph TD
  a0dae001_ecb7_6b42_ca22_98c727b657f3["normalize()"]
  311fb23f_f8ca_2e0c_855b_13518ffc8566["setProp()"]
  311fb23f_f8ca_2e0c_855b_13518ffc8566 -->|calls| a0dae001_ecb7_6b42_ca22_98c727b657f3
  873ecd88_d60c_980f_e4d8_c465d6aa940c["cached()"]
  a0dae001_ecb7_6b42_ca22_98c727b657f3 -->|calls| 873ecd88_d60c_980f_e4d8_c465d6aa940c
  447f7b2d_d677_800e_b42e_db97e7d830a7["camelize()"]
  a0dae001_ecb7_6b42_ca22_98c727b657f3 -->|calls| 447f7b2d_d677_800e_b42e_db97e7d830a7
  style a0dae001_ecb7_6b42_ca22_98c727b657f3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/modules/style.ts lines 42–55

const normalize = cached(function (prop) {
  emptyStyle = emptyStyle || document.createElement('div').style
  prop = camelize(prop)
  if (prop !== 'filter' && prop in emptyStyle) {
    return prop
  }
  const capName = prop.charAt(0).toUpperCase() + prop.slice(1)
  for (let i = 0; i < vendorNames.length; i++) {
    const name = vendorNames[i] + capName
    if (name in emptyStyle) {
      return name
    }
  }
})