parseStyleText() — vue Function Reference

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

Function typescript WebPlatform WebCompiler calls 1 called by 2

Entity Profile

WebPlatform→ WebCompiler→ parseStyleText() — vue Function Reference

Dependency Diagram

graph TD
  6035f657_5899_1773_aa74_0b3c968a42fe["parseStyleText()"]
  6758f672_6a56_f76d_7ea5_63af7382caff["transformNode()"]
  6758f672_6a56_f76d_7ea5_63af7382caff -->|calls| 6035f657_5899_1773_aa74_0b3c968a42fe
  29ec91dc_3cc1_b618_1af1_f0fdc215fd73["normalizeStyleBinding()"]
  29ec91dc_3cc1_b618_1af1_f0fdc215fd73 -->|calls| 6035f657_5899_1773_aa74_0b3c968a42fe
  873ecd88_d60c_980f_e4d8_c465d6aa940c["cached()"]
  6035f657_5899_1773_aa74_0b3c968a42fe -->|calls| 873ecd88_d60c_980f_e4d8_c465d6aa940c
  style 6035f657_5899_1773_aa74_0b3c968a42fe 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
})