parseStyleText() — vue Function Reference

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

Function typescript WebPlatform WebCompiler called by 1

Entity Profile

WebPlatform→ WebCompiler→ parseStyleText() — vue Function Reference

Dependency Diagram

graph TD
  c9d451fe_17b6_03e7_4712_c66a6b0eed6c["parseStyleText()"]
  c84d7b47_787f_4c42_8b13_dcd6423df4cb["style.ts"]
  c9d451fe_17b6_03e7_4712_c66a6b0eed6c -->|defined in| c84d7b47_787f_4c42_8b13_dcd6423df4cb
  cc549abd_ebd8_6d1c_db06_c87f2f730317["normalizeStyleBinding()"]
  cc549abd_ebd8_6d1c_db06_c87f2f730317 -->|calls| c9d451fe_17b6_03e7_4712_c66a6b0eed6c
  style c9d451fe_17b6_03e7_4712_c66a6b0eed6c 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
})