parseStyleText() — vue Function Reference

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

Function typescript VueCore GlobalAPI called by 1

Entity Profile

VueCore→ GlobalAPI→ parseStyleText() — vue Function Reference

Dependency Diagram

graph TD
  f4cddbde_c5ba_ba50_7539_e9906861a4e7["parseStyleText()"]
  9baf2011_2aa2_1c40_464d_e026d0ec7477["style.ts"]
  f4cddbde_c5ba_ba50_7539_e9906861a4e7 -->|defined in| 9baf2011_2aa2_1c40_464d_e026d0ec7477
  74670896_451e_0a30_e57e_5194cf000a4a["normalizeStyleBinding()"]
  74670896_451e_0a30_e57e_5194cf000a4a -->|calls| f4cddbde_c5ba_ba50_7539_e9906861a4e7
  style f4cddbde_c5ba_ba50_7539_e9906861a4e7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/util/style.ts lines 5–16

export const parseStyleText = cached(function (cssText) {
  const res = {}
  const listDelimiter = /;(?![^(]*\))/g
  const propertyDelimiter = /:(.+)/
  cssText.split(listDelimiter).forEach(function (item) {
    if (item) {
      const tmp = item.split(propertyDelimiter)
      tmp.length > 1 && (res[tmp[0].trim()] = tmp[1].trim())
    }
  })
  return res
})